javascript - 从 Angularjs 中的 Controller 获取元素 id

Question

是否可以在 Angular 中添加元素 id，

<div class="col-sm-8">
                <select class="form-control input-sm"
                        id="ruleResetType"
                        name="ruleResetType"
                        ng-model="rule.resetType"
                        ng-options="data as data for data in Type"
                        ng-required="true"
                        ng-disabled="isEditable(id)">
                </select>
</div>

我想知道是否可以在 isEditable(id) 处添加 id”，我的意思是 id 应为 element.id？

Answer 1

这应该可行，但就像 Greg 所说，您可能不想使用元素 id。

app.directive("disableIfIn", function(){
    return {
        restrict: 'A',
        transclude: true,
        scope: {
            disabledElements: '@disableIfIn'
        },
        template: '<div ng-transclude></div>',
        link: function (scope, element, attrs) {
            if(scope.disabledElements.indexOf(attrs.id) === -1){
                element.prop('disabled', false);
            }
        }
    };
});

然后(假设您的范围内存在disabledElements并且默认情况下禁用元素)将此属性添加到您的HTML元素中:

disable-if-in="{{disabledElements}}"