个人中心
gpt4 book ai didi

javascript - Angular 不是双向绑定(bind)

转载 作者：行者123 更新时间：2023-11-30 10:12:28 24 4
gpt4 key购买 nike

试图自学 AngularJS，但我一直在学习如何构建一个简单的购物车的教程。我终生无法弄清楚为什么我的 {{}} Angular 标签没有在 View 中显示数据，而是显示文字字符串(即 {{item.price | currency}})有什么见解吗？我担心代码没有引用 Angular 库，但来源是正确的 - 该库保存为 angular.min.js 。

请帮忙!

`

<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 type="text/javascript" src="angular.min.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>`

最佳答案

当您将值设置为 ng-app 时(比如 ng-app="MyApp" )，Angular.JS 会期望你有类似 var myModule = angular.module("MyApp", []) 的东西.

它只会在其中寻找 Controller ，使用 myModule.controller()方法(或者可以直接在模块调用之后)。全局函数将不起作用。

所以，您有 2 个选择:

  1. 替换<html ng-app="MyApp">与 <html ng-app>

  2. 创建模块:

    angular.module("MyApp", []).controller("CartController", function($scope) {
        /// ...
    });

请注意，如果您使用的是 Angular.JS 1.3，则必须使用方法 2，因为在该版本中删除了全局作用域函数方法。

关于javascript - Angular 不是双向绑定(bind)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25717081/

24 4 0
文章推荐： javascript - angularJS 更改 url 通知
文章推荐： javascript - 正则表达式:在某些情况下不起作用
文章推荐： javascript - 如何在服务器端读取ajax json数据
文章推荐： JavaScript 小于或等于 (bool <= int)
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com