1

我有一个像这样的伪代码，其中使用单向绑定运算符（::）我试图查看 angular 是否正在监视更改。所以我不得不将它包含在input标签中。model data输入标签内部应该以一种方式解析，因为它::之前。但是，如果我对输入进行更改并单击按钮以查看更改，它会反映日志中的更改。但它不应该关注这些变化。

<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta charset="utf-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.2/angular-animate.js"></script>
</head>
<body class="container" ng-controller="ItemsController">
    <ul ng-repeat="item in ::items">
        <li>
            <!-- in actual code the input will not be included -->
            <input type="text" ng-model="::item.name"> {{ ::item.name }}
            <!-- actual code -->
            <!-- {{ ::item.name }} -->
        </li>
    </ul>
    <button type="btn" ng-click="click()">Button</button>

    <script>
        angular.module('app', [])
        .controller('ItemsController', function ($scope) {
            $scope.items = [
                {name: 'item 1'},
                {name: 'item 2'},
                {name: 'item 3'}
            ];

            $scope.click = function () {
                for (var obj of $scope.items) {
                    console.log(obj.name);
                }
            };
        })
    </script>
</body>
</html>
4

1 回答 1

2

有几件事。

是一次，没有一种方式结合。当您希望表达式只被评估一次并且不监视更改时很有用。

ng-model 中的 :: 什么都不做，它仍然会使用您输入的值更新范围并更新项目名称。

同时{{ ::item.name}}应该保持不变，因为是一次绑定，它不会关注额外的变化。

所以你会在日志中看到变化，因为值实际上是变化的，不会变化的是视图。

于 2015-11-25T07:31:13.770 回答