伙计们,我有一些简单的html,出于说明目的,它看起来像这样,
<div>{{class.name}}</div>
<div>
<div>{{class.teacher.name}}</div>
<div>{{class.teacher.age}}</div>
<div>{{class.teacher.rating}}</div>
</div>
现在,如您所见,该模型具有一个类对象,该对象具有name属性和Teacher属性。我想做的是避免这段代码中的重复,以使我的绑定看起来更像这样。
<div>{{class.name}}</div>
<div some-directive-here="class.teacher">
<div>{{name}}</div>
<div>{{age}}</div>
<div>{{rating}}</div>
</div>
angular是否支持一个指令,我可以在其中为dom元素创建新作用域,如上所示?我不想使用ng-controller,因为它会创建新的作用域并使我与原始模型数据断开连接。
这是一个小矮人:http ://plnkr.co/edit/MqesLIUA1kq1S7BLal3N?p=preview
一个简单的指令,它创建一个新的作用域并使用其父作用域的求值表达式对其进行扩展。
app.directive('newScope', function($parse){
return {
scope:true,
compile: function (tElm,tAttrs){
var fn = $parse(tAttrs.newScope);
return function(scope, elm, attrs){
var property = fn(scope.$parent);
property = angular.isObject(property) ? property : {};
angular.extend(scope, property);
}
}
}
})
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句