我知道AngularJS引入了::
表达式的原生一次性绑定。在我的情况下,它不起作用,因为值仍然会改变,所以请告诉我,我错过了一些东西。
鉴于此控制器:
$scope.name = "Some Name";
$scope.changeName = function() {
$scope.name = "Another Name";
}
这个HTML
<h1>{{::name}}</h1>
<button ng-click="changeName()">click me</button>
名称模型值更改。 有什么想法吗?
答案 0 :(得分:7)
原始回答:(过时)
似乎为我工作。
var app = angular.module('app', []);
app.controller('ctrl', function($scope) {
$scope.name = "Some Name";
$scope.changeName = function() {
$scope.name = "Another Name";
}
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
<h1>{{::name}}</h1>
<button ng-click="changeName()">click me</button>
<p> {{name}} </p>
</div>
&#13;