将指令属性分配给模板中的元素

时间:2015-09-18 17:18:53

标签: javascript angularjs angularjs-directive

我有一个指令应该让我的选择有点发烧友:

angular.module('myDeadLine')

    .directive('dcSelect', function () {
        return {
            restrict: 'E',
            scope: {
                label: '@',
                ngModel: '=',
                ngOptions: '=',...
            },
            transclude: true,
            templateUrl: '/web/_utils/dcselect/dcselect.html'
        };
    });

使用模板:

<div class="form-group">
    <select class="form-control"
            ng-focus="dcSelectFocused=true"
            ng-blur="dcSelectFocused=false">
        <option value="">{{label}}</option>
    </select>
    <i class="fa fa-arrow-down" ng-class="{ 'open': dcSelectFocused }"></i>
</div>

将所有选择相关属性分配到select标记的最简单方法是什么,以便我可以像这样使用它:

<dc-select label="Select something" ng-model="model" ng-options="" and so on></dc-select>

是否有一种自动方式可以将所有属性传输到选择,除了“label”,并让它们起作用?

0 个答案:

没有答案