AngularJS-在templateUrl中具有属性的自定义指令

玛塔·卡斯特罗(Marta Castro)

我有一些用于格式化文本的模板,例如frecuencia-dia.htmlfrecuencia-mes.html

我想使用属性tipo(纯文本)和clave(可变范围)来调用动态模板

<ng-formato-texto tipo="frecuencia" clave="{{prod.claveFrecuencia}}" />

app.directive('ngFormatoTexto', function() {
    return {
        templateUrl: function(elem, attr){
            return '/formats/'+attr.tipo+'-'+attr.clave+'.html';
        }
    };
});

但是不起作用,请尝试加载frecuencia-%7B%7Bprod.clavePrueba%7D%7D.html

斯捷潘·卡斯扬年科

您不能在指令中使用动态模板。

如文档所述:

注意:您当前无法从templateUrl函数访问范围变量,因为在初始化范围之前需要模板。

要创建动态指令,可以使用ng-include

例子:

app.directive('ngFormatoTexto', function() {
 return {
     template: '<div ng-include="path"></div>',
     scope:{
       tipo:"@",
       clave:"="
     },
     link:function(scope){
       scope.path= '/formats/'+scope.tipo+'-'+scope.clave+'.html'
     }
 };
});

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJS-在templateUrl中具有属性的自定义指令

来自分类Dev

通过属性的angularjs自定义指令条件templateUrl

来自分类Dev

angularjs-具有自动“参数”的自定义指令

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

angularjs自定义指令重复属性

来自分类Dev

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

来自分类Dev

AngularJS自定义指令

来自分类Dev

angularjs:具有隔离范围和传递参数的自定义指令

来自分类Dev

AngularJS:ng-repeat在具有隔离范围的自定义指令上

来自分类Dev

angularjs:具有隔离范围和传递参数的自定义指令

来自分类Dev

AngularJS 自定义生成指令动态属性绑定

来自分类Dev

如何判断AngularJS中缺少自定义指令属性的时间

来自分类Dev

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

来自分类Dev

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

来自分类Dev

带有隐藏功能的AngularJS自定义指令

来自分类Dev

带有自定义模板的AngularJS指令

来自分类Dev

AngularJS-自定义指令中的点击访问

来自分类Dev

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

来自分类Dev

在AngularJS自定义验证指令中调用异步服务

来自分类Dev

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

来自分类Dev

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

来自分类Dev

在自定义指令中绑定数据-AngularJS

来自分类Dev

AngularJS中的自定义指令和路由

来自分类Dev

AngularJS指令中自定义HTML标记的后果

来自分类Dev

AngularJS-在自定义指令中更新变量

来自分类Dev

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

来自分类Dev

angularjs自定义指令值更改

Related 相关文章

  1. 1

    AngularJS-在templateUrl中具有属性的自定义指令

  2. 2

    通过属性的angularjs自定义指令条件templateUrl

  3. 3

    angularjs-具有自动“参数”的自定义指令

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

    angularjs自定义指令重复属性

  8. 8

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

  9. 9

    AngularJS自定义指令

  10. 10

    angularjs:具有隔离范围和传递参数的自定义指令

  11. 11

    AngularJS:ng-repeat在具有隔离范围的自定义指令上

  12. 12

    angularjs:具有隔离范围和传递参数的自定义指令

  13. 13

    AngularJS 自定义生成指令动态属性绑定

  14. 14

    如何判断AngularJS中缺少自定义指令属性的时间

  15. 15

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

  16. 16

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

  17. 17

    带有隐藏功能的AngularJS自定义指令

  18. 18

    带有自定义模板的AngularJS指令

  19. 19

    AngularJS-自定义指令中的点击访问

  20. 20

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

  21. 21

    在AngularJS自定义验证指令中调用异步服务

  22. 22

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

  23. 23

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

  24. 24

    在自定义指令中绑定数据-AngularJS

  25. 25

    AngularJS中的自定义指令和路由

  26. 26

    AngularJS指令中自定义HTML标记的后果

  27. 27

    AngularJS-在自定义指令中更新变量

  28. 28

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

  29. 29

    angularjs自定义指令值更改

热门标签

归档