-1

我正在学习，这是我学习 Angular js 的第一天！虽然我已经了解了模型控制器视图是如何工作的angular js，但下面的代码没有显示变量，而是给出了正常的 {{}}HTML视图而不ng-repeat工作：

<html ng-app='myApp'>
    <head>
        <title>Your Shopping Cart</title>
    </head>
    <body ng-controller='CartController'>
        <h1>Your Order</h1>
        <div ng-repeat='item in items'>
            <span>{{item.title}}</span>
            <input ng-model='item.quantity'>
            <span>{{item.price | currency}}</span>
            <span>{{item.price * item.quantity | currency}}</span>
            <button ng-click="remove($index)">Remove</button>
        </div>
        <script src="lib/angular.js"></script>
        <script>
            function CartController($scope) {
                $scope.items = [
                    {title: 'Paint pots', quantity: 8, price: 3.95},
                    {title: 'Polka dots', quantity: 17, price: 12.95},
                    {title: 'Pebbles', quantity: 5, price: 6.95}
                ];
                $scope.remove = function(index) {
                    $scope.items.splice(index, 1);
                }
            }
        </script>
    </body>
</html>

代码有什么问题？

4

3 回答 3

5

只需更换

<html ng-app='myApp'>

和

<html ng-app>

它应该可以工作。

使用 ng-app='myApp' 你告诉 angularjs 你有一个名为 myApp 的模块。但是您没有定义任何模块。

于 2013-10-25T11:12:11.010 回答
4

你应该定义你的myApp模块：

var app = angular.module('myApp', []);
app.controller('CartController', ['$scope', function($scope) {
    $scope.items = [
        {title: 'Paint pots', quantity: 8, price: 3.95},
        {title: 'Polka dots', quantity: 17, price: 12.95},
        {title: 'Pebbles', quantity: 5, price: 6.95}
    ];
    $scope.remove = function(index) {
        $scope.items.splice(index, 1);
    }
}]);

DEMO

于 2013-10-25T11:12:38.930 回答
1

基本上你没有module在控制器中定义。

<script>
 angular.module('myApp', []);  // add this line

        function CartController($scope) {
            $scope.items = [
                {title: 'Paint pots', quantity: 8, price: 3.95},
                {title: 'Polka dots', quantity: 17, price: 12.95},
                {title: 'Pebbles', quantity: 5, price: 6.95}
            ];
            $scope.remove = function(index) {
                $scope.items.splice(index, 1);
            }
        }
    </script>

您的演示Plunker

于 2013-10-25T11:13:16.017 回答