大佬教程收集整理的这篇文章主要介绍了angularjs – 在ngtemplate中对模型进行别名化,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_507_7@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”属性.以下是js@L_197_12@:
http://jsfiddle.net/vaibhavgupta007/mVBaC/1/
这可能是什么问题?
编辑
我也可以使用$parent来访问前缀.但这是干净的方法吗?
以上是大佬教程为你收集整理的angularjs – 在ngtemplate中对模型进行别名化全部内容,希望文章能够帮你解决angularjs – 在ngtemplate中对模型进行别名化所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。