Angularjs一种方式绑定绑定数据两种方式

Question

我有一个这样的伪代码，在其中使用单向绑定运算符（ ::我试图查看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>

Answer 1

有几件事。

是一次，没有一种方式粘接。 当您只想对一个表达式求值一次而不关注变化时，此功能很有用。

ng-model中的::不会执行任何操作，它仍将使用您输入的值来更新作用域并更新项目名称。

同时， {{ ::item.name}}应该保持不变，因为它是一次绑定的，因此不会监视其他更改。

因此，您将在日志中看到更改，因为该值实际上已更改，因此视图将保持不变。

Angularjs一种方式绑定绑定数据两种方式

问题描述

1 个解决方案

解决方案1
2 2015-11-25 07:31:13

Angularjs一种方式绑定绑定数据两种方式

问题描述

1 个解决方案

解决方案1 2 2015-11-25 07:31:13

解决方案1
2 2015-11-25 07:31:13