2014-10-28 67 views
1

我有这个简单的代码,我不知道为什么当我在输入文本中输入时,它更新了两个<h1>而不是第二个?angular 1.3绑定一次不起作用

<h1>{{::person.name}}</h1> 
<h1>{{person.name}}</h1> 
<input type="text" ng-model="person.name"/> 
+0

[我工作正常。(http://plnkr.co/edit/qNEvKPhK04f9i3fWbL77) – Blazemonger 2014-10-28 16:54:49

回答

2

它发生在我们身上,AngularJS 1.3的bind-once在Batarang扩展启用时不起作用。 禁用Batarang,一切都会OK

1

请确保您使用的是角度1.3版本。请参考下面

var app = angular.module('app', []); 
 

 
app.controller('homeCtrl', function($scope) { 
 

 

 
    $scope.person = { 
 
    name: "Jack" 
 
    } 
 

 
});
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script> 
 
<meta charset="utf-8"> 
 
<title>JS Bin</title> 
 
</head> 
 

 
<body> 
 
    <div ng-app="app"> 
 
    <div ng-controller="homeCtrl"> 
 

 
     <h1>{{::person.name}}</h1> 
 
     <h1>{{person.name}}</h1> 
 
     <input type="text" ng-model="person.name" /> 
 
    </div> 
 
    </div> 
 
</body>

+0

我知道它太奇怪了在这里它的工作和我的本地计算机上不工作 – Bazinga 2014-10-28 17:06:57

+0

@anguLaravel你有没有检查你使用的角度是什么版本? – sylwester 2014-10-28 17:10:10

+0

是的,这是为什么我不知道为什么它不工作的第一个地方 – Bazinga 2014-10-28 17:11:05

1

工作的样品我有同样的问题。尝试禁用AngularJS Chrome扩展。一旦开始工作,我就禁用了我的功能。