问

标签的属性在angular指令中不起作用？

天凉好个秋骄阳_213 发布于 2023-02-13 13:55

controller

我正在努力学习如何使用角度指令,到目前为止成功.我只有一个小问题,我无法弄清楚.

在我的指令中,我在输入字段的id的相同值上设置了for属性.但是单击标签并不会使输入控件成为正常工作的焦点.

我在一些示例代码中解决了这个问题:


    Testlabel 1

    

    

    {{testVar}}

和javascript:

angular.module('test', [])
.directive('myInput', function() {
    return {
        restrict: 'E',
        template: '{{label}}
' +
                  '',
        scope: {
            id: "@",
            label: "@",
            placeholder: "@",
            text: "="
        }
   }
})
.controller('testCtrl', ['$scope', function($scope) {
    $scope.testVar = 'testing';
}]);

jsfiddle中的相同代码:http://jsfiddle.net/U92em/

我犯了什么错误导致我的问题,我该如何解决？

1 个回答

你的"包装"也有同样的东西id而且不好.您可以在link函数中删除它,这样:
```
 link: function(scope,el,attrs){
     el.removeAttr("id");
 }
```
工作:http://jsfiddle.net/cherniv/5u4Xp/

或者在compile功能上(感谢Florent):
```
 compile: function(el){
     el.removeAttr("id")
 }
```
示例:http://jsfiddle.net/cherniv/7GG6k/
2023-02-13 13:58 回答

是个success

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签