数据绑定在特定情况下不起作用(AngularJS)

时间:2013-11-05 11:39:53

标签: javascript html angularjs dom angularjs-scope

这是我的问题:
当我在修改模型“ urlservicerest ”后单击按钮时,我的属性“ $ scope.urlservicerest ”保持初始化为“hello”。
我试图用$ scope更新数据。$ apply,但没有更多的成功。我不明白为什么“ $ scope.urlservicerest ”没有更新,而数据绑定已经创建了。

//file.html

<input type="input" ng-model="urlservicerest"></
<button type="button"  ng-click="refresh()"> Rafraichir </button>


//script.js:

var field = $scope.urlservicerest = "hello";

  $scope.refresh = function () {
    alert(field);
}

2 个答案:

答案 0 :(得分:0)

我已经更新了JS小提琴希望的演示,它将帮助你

Sample JSFiddle

我认为您需要在页面中添加<html data-ng-app="">

答案 1 :(得分:0)

Angular绑定到作用域属性。因此,在您的情况下,$scope.urlservicerest将在输入值更改时双向绑定。

您正在警告field的值,这不是双向约束。

为作用域属性添加第二个警报表明$scope.urlservicerest已正确绑定:

  $scope.refresh = function () {
    alert(field);
    alert($scope.urlservicerest);
  }

This plunker证明了这一点。