一尘不染

AngularJS:2种方式绑定在包含的模板中不起作用

angularjs

我认为我在这里缺少一些简单(重要)的东西。我正在使用一个包含的模板,该模板包含映射到某个值的输入:

<div ng-controller="Ctrl">
    <div ng-include src="'template.html'"></div>
</div>

<!-- template -->
<script type="text/ng-template" id="template.html">
    <input ng-model="testvalue" />
</script>

控制器:

function Ctrl($scope) {    
   $scope.testvalue= "initial value";
}​

警报$ scope.testvalue的值始终显示初始值,而不显示更新后的值(当您输入输入内容时)。帮我欧比旺。您是我们唯一的希望。

小提琴:http//jsfiddle.net/h5aac/


阅读 221

收藏
2020-07-04

共1个答案

一尘不染

绑定到原语而不是对象太普遍了。字符串的值被传递,而不是对对象的引用。如果使用对象而不是原始对象,则可以正常工作。在您的范围内是这样的。

$scope.foo = {testvalue: "initial value"};

参见http://jsfiddle.net/h5aac/2/

也:

在AngularJS的已包含指令中使用ng-model

我敢肯定还有更多…

2020-07-04