I have made three directory for view,controller and library.
In library I kept angular.min.js.

In controller I have kept controller.js.
In view directory,I have kept cartingApp.html file.

```js
//cartcontroller.js

var ShoppingCartModule = angular.module('ShoppingCart',[]) ;
ShoppingCartModule.controller('CartingController',function CartingController($scope) {
    $scope.channels = [
                        { channelName : 'c1',seconds:'200', rate: '10' },
                        { channelName : 'c2',seconds:'200', rate: '20' },
                        { channelName : 'c3',seconds:'200', rate: '30' },
                        { channelName : 'c4',seconds:'200', rate: '40' },
                   ] ;

    $scope.remove = function($index) { //alert($index);return ;
        $scope.channels.splice($index,1) ;
    }
}
        ) ;
```

```html
//html file
<!DOCTYPE html>

<html ng-app="ShoppingCart">
    <head>
        <title>Shopping Cart</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
        <script src="controller/CartingController.js"></script>
    </head>
    <body>
        <div ng-controller="CartingController">
            <h1>Network Ro Summary</h1>
            <div ng-repeat='item in channels'>
                <span> {{item.channelName}}</span>
                <input ng-model="item.rate" />
                <span>{{item.seconds | currency }}</span>
                <span>{{item.seconds*item.rate | currency }}</span>
                <button ng-click="remove($index)">Remove</button>
            </div> 

        </div> 

    </body>
</html>
```

When I am accessing the page cartingApp.html from Browser,I am not able to access ,it is giving error.
But I am keeping all three files in same directory,I am easily accessing it.
Please let me know what is error ?