我希望为模板中使用的模型添加别名,以便可以为不同的模型重用相同的模板.例如,在以下模型中：
member = {
name: "Member1",children:[
{
name:"Child1"
},{
name:"Child2"
}
]
}
“成员”和“儿童”都有“名称”属性.所以我希望创建一个操作这个“name”属性的模板.
在这个问题的帮助下我能够做到这一点：
Bind ngInclude to different models
按照建议,我创建了一个指令,例如：
app.directive('member',function(){
return {
restrict: 'A',template: "{{prefix}}<input type='text' ng-model='member.name'>",scope: {
member: "="
}
};
});
以下是该指令的用法：
<div ng-controller="MemberCtrl">
{{member | json}}
<div member="member"></div>
<div member="member.children[0]"></div>
</div>
我能够实现模板重用,但是因为我在我的指令中使用“scope”,所以创建了一个隔离的范围,它无法访问控制器范围的任何属性.所以对于控制器：
app.controller('MemberCtrl',function($scope){
$scope.member = {
name: "Member1",{
name:"Child2"
}
]
};
$scope.prefix = "Mr.";
});
指令内的模板无法访问“prefix”属性.以下是jsfiddle：
http://jsfiddle.net/vaibhavgupta007/mVBaC/1/
这可能是什么问题？
编辑
我也可以使用$parent来访问前缀.但这是干净的方法吗？
