我想在主模板中包含一个部分模板，但在调用部分模板时具有特定的范围。
例如，这是我的主模板（非常简化，实际模板更复杂，所以这里不能使用 ng-iterate）：
<h1>title, my item1 name is {{item1.name}}</h1>
....
<div ng-view="myPartial.html" scope="item1"></div>
....
<div ng-view="myPartial.html" scope="item2"></div>
...
myPartial.html 是这样的
<input ng-model="name" />...
data :
{item1: {name:"test1"}, item2: {name: "test2"}}
预期结果 ：
<1>title, my item1 name is test1</h1>
....
<div><input value="test1" /></div>
....
<div><input value="test2"></div>
...
你会如何使用 angularjs 来做这种事情？
我应该使用 myPartial.html 作为模板创建特定指令吗？
谢谢
由于 ng-view 在页面中只能找到一次，所以我使用了ng-include和ng-init初始化特定控制器的范围：
<div ng-include="'/myPartial.html'" ng-init="init(items.item1)" ng-controller="YourController"></div>
控制器 ：
this.app.controller("YourController", function YourController($scope) {
$scope.init = function(item){
$scope.item = item;
}
});
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
