小编And*_*nço的帖子

使用指令将ngModel添加到输入

我有一个输入元素,我想使用自定义指令绑定ngModel和ngClass,但我遇到了一些麻烦.

是)我有的:

<input type="text" myDirective="PropertyFromScope" />
Run Code Online (Sandbox Code Playgroud)

我想要的结果是:

<input type="text" ng-model="PropertyFromScope" ng-class="{'class' : MethodFromScope}" />
Run Code Online (Sandbox Code Playgroud)

我试图避免使用模板,因为我希望该指令适用于任何输入标记.

这是我到目前为止所得到的:

angular.module('customDirectives', [])
.directive('myDirective', function () {
    var linker = function (scope, element, attrs) {
        attrs.$set('ngModel', attrs.myDirective);
        attrs.$set('ngClass', '{\'class\' : MethodFromScope}');
    }
    return {
        restrict: 'A',        
        link: linker
    }
});
Run Code Online (Sandbox Code Playgroud)

这是一个JSFiddle:http://jsfiddle.net/Q8QJJ/

angularjs angularjs-directive

10
推荐指数
1
解决办法
8418
查看次数

标签 统计

angularjs ×1

angularjs-directive ×1