我想寫一個list利用directive來寫一個item這個item要根據賦予的不同的值產生相應變化 但目前我只知道簡單的數據賦值例如.directive('al-item', function() { return {
restrict: 'EA',
template: '
<div>'
+'</div>
',
replace: true,
controller: function($scope, $element, $attrs, $transclude) { //這里根據a、b、c 三者的值 進一步修飾al-item
}
};
})
<al-item a='' b='' c=''>我希望的形式 更像是<al-item object=''>這樣提供一個object數據al-item就能實現我預定的樣子請問這可以實現嗎？
3 回答
慕容森
TA貢獻1853條經驗 獲得超18個贊
你可以看下關于指令的 scope部分，可以解決你的疑問。
大概：
<div ng-controller="cc"><al-item object="obj"></al-item></div>
angular.module('xx', [])
.controller('cc', ['$scope', function($scope) {
$scope.obj = {a:'a', b:'b', 'c':'c'}
}])
.directive('alItem', function() { return { restrict: 'EA', template: '<div>'+'</div>', replace: true, transclude: true, scope: { object: "="
}, controller: function($scope, $element, $attrs, $transclude) { //scope.object 這里就可以判斷了
}
};
})大概這樣吧 詳細的可以看官方文檔了
翻閱古今
TA貢獻1780條經驗 獲得超5個贊
directive 的 scope 本身就支持三種模式
1. "=" 任何對象
2. "&" 外部的方法傳入 directive 內部調用
3. "@" 字符串
- 3 回答
- 0 關注
- 584 瀏覽
添加回答
舉報
0/150
提交
取消