如何在角元素中设置默认属性？

Question

我有几个类似的重复角元素。

例如：

<div  ui-grid="myUIGrid" ui-grid-auto-resize ui-grid-selection  ui-grid-move-columns ui-grid-save-state ui-grid-resize-columns>
...
</div>

无论如何，只要存在名为ui-grid的属性，是否会自动设置这些属性？

例如：

<div  ui-grid="myUIGrid">
...
</div>

会自动加载 ui-grid-auto-resize ui-grid-selection ui-grid-move-columns ui-grid-save-state ui-grid-resize-columns加入该元素。

Answer 1

在ui-grid属性上设置一个指令，并在任何时候ui-grid应用于元素时让指令添加其他属性。

myApp.directive('uiGrid', function(){
    return{
        restrict: 'A',
        link: function(scope, element){
            element.attr('ui-grid-auto-resize', '');
            // More attributes
        }
    }
});