独自のテンプレートを持つ、かなり単純な Angular ディレクティブがあります。ただし、admin === true
一部の要素の一部のプロパティを変更したい場合、たとえばそれらをui-sortable
.
app.directive('members',function(){
return {
restrict: 'A',
template: '<h4>{{title}}</h4>'+
'admin? <span>false</span>' +
'<ul ng-model="list">' +
'<li ng-repeat="member in list">' +
' {{member.name}}' +
'</li>'+
'</ul>',
transclude:true,
scope: {title:'@',list:'=',admin:'@'},
link: function ($scope,$element,attrs) {
if ($scope.admin) {
$element.find("span").html("true");
$element.find("ul").attr("ui-sortable","");
}
}
};
})
を使用して、$element.find("span")
それが見つかっているかどうかをテストします。admin
要素の属性から分離スコープに引き込まれますが、まだ通過しません。
フィドルはこちら: http://jsfiddle.net/zqM4Z/4/
分離スコープが関数内で使用できないように見えますか?link