AngularJS:使用angular属性指令将元素包装到自定义模板中

阿里雷扎·米里安

情况:

我有一个属性指令,将其元素包装到模板中。这里是:

app.directive("myCustomInput", function(){
  return{
    restrict: "A",
    replace: true,
    scope:{},
    transclude: "element",
    template: "<div class='input-wrap'>"+
    "<div ng-transclude></div>"+
    "<i class='glyphicon glyphicon-chevron-down'></i>"+
    "</div>"
  }
});

我像这样使用它:

<input my-custom-input ng-model="data.input" type="text" />

问题:

ng-model不起作用

这是the

PSL

您可能遇到了可能的错误。这是优先级和指令处理订单问题。将指令设置为比ng-model更高的优先级。使用1.2 v时,ng-model的默认优先级为,0而使用1.3版本ng-model的优先级1因此,让您的指令具有比ng-model更高的优先级,以便ng-model在渲染指令之前,在处理输入之前进行指令和包含

.directive("myCustomInput", function(){
  return{
    restrict: "A",
    replace: true,
    scope:{},
    priority: 1, //Here set the priority
    transclude: "element",
    template: "<div class='input-wrap'>"+
    "<div ng-transclude></div>"+
    "<i class='glyphicon glyphicon-chevron-down'></i>"+
    "</div>"
  }
});

演示版

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在自定义指令的模板属性中定义多个元素

来自分类Dev

AngularJS在自定义指令中包装ui选择

来自分类Dev

AngularJS将变量从自定义指令传递到模板

来自分类Dev

如何在angularjs自定义指令的模板中获取属性值?

来自分类Dev

自定义指令模板中的AngularJS控制变量

来自分类Dev

在Angularjs自定义指令中获取属性的值

来自分类Dev

在Angularjs自定义指令中获取属性的值

来自分类Dev

将Alamofire调用包装到Swift中的自定义对象中?

来自分类Dev

自定义元素指令和属性

来自分类Dev

angularjs自定义指令重复属性

来自分类Dev

使用自定义指令,ng-show和$ scope在Angularjs中隐藏/显示元素

来自分类Dev

使用自定义指令,ng-show和$ scope在Angularjs中隐藏/显示元素

来自分类Dev

如何使用其他自定义指令中的元素标签作为另一个自定义指令的模板

来自分类Dev

如何将ng-bind-html行为封装到自定义指令中

来自分类Dev

Angular指令-如何使用JQuery将ngModel和ngBind添加到自定义指令元素?

来自分类Dev

Watch无法在另一个自定义元素指令中使用的自定义属性指令中工作

来自分类Dev

使用指令绑定angularjs中的自定义事件

来自分类Dev

自定义div包装到的位置

来自分类Dev

Angularjs:在模板中绑定时,为什么自定义指令中的参数未定义?

来自分类Dev

AngularJS:无法从自定义指令属性中检索值以在自定义指令中进行解析

来自分类Dev

使用自定义属性值在模板中设置颜色

来自分类Dev

使用自定义属性值在模板中设置颜色

来自分类Dev

带有自定义模板的AngularJS指令

来自分类Dev

AngularJS:具有多个模板的动态自定义指令

来自分类Dev

angular js中的自定义指令

来自分类Dev

ui-grid angularjs单元格模板中的自定义指令

来自分类Dev

在自定义指令中时,AngularJS模板变量未呈现

来自分类Dev

AngularJS单元测试在带有外部模板的自定义指令中解析Promise

来自分类Dev

ui-grid angularjs单元格模板中的自定义指令

Related 相关文章

  1. 1

    如何在自定义指令的模板属性中定义多个元素

  2. 2

    AngularJS在自定义指令中包装ui选择

  3. 3

    AngularJS将变量从自定义指令传递到模板

  4. 4

    如何在angularjs自定义指令的模板中获取属性值?

  5. 5

    自定义指令模板中的AngularJS控制变量

  6. 6

    在Angularjs自定义指令中获取属性的值

  7. 7

    在Angularjs自定义指令中获取属性的值

  8. 8

    将Alamofire调用包装到Swift中的自定义对象中?

  9. 9

    自定义元素指令和属性

  10. 10

    angularjs自定义指令重复属性

  11. 11

    使用自定义指令,ng-show和$ scope在Angularjs中隐藏/显示元素

  12. 12

    使用自定义指令,ng-show和$ scope在Angularjs中隐藏/显示元素

  13. 13

    如何使用其他自定义指令中的元素标签作为另一个自定义指令的模板

  14. 14

    如何将ng-bind-html行为封装到自定义指令中

  15. 15

    Angular指令-如何使用JQuery将ngModel和ngBind添加到自定义指令元素?

  16. 16

    Watch无法在另一个自定义元素指令中使用的自定义属性指令中工作

  17. 17

    使用指令绑定angularjs中的自定义事件

  18. 18

    自定义div包装到的位置

  19. 19

    Angularjs:在模板中绑定时,为什么自定义指令中的参数未定义?

  20. 20

    AngularJS:无法从自定义指令属性中检索值以在自定义指令中进行解析

  21. 21

    使用自定义属性值在模板中设置颜色

  22. 22

    使用自定义属性值在模板中设置颜色

  23. 23

    带有自定义模板的AngularJS指令

  24. 24

    AngularJS:具有多个模板的动态自定义指令

  25. 25

    angular js中的自定义指令

  26. 26

    ui-grid angularjs单元格模板中的自定义指令

  27. 27

    在自定义指令中时,AngularJS模板变量未呈现

  28. 28

    AngularJS单元测试在带有外部模板的自定义指令中解析Promise

  29. 29

    ui-grid angularjs单元格模板中的自定义指令

热门标签

归档