自定义元素指令和属性

科林·普拉布(Collin Prabhu)

myPage.html

<div ng-controller="MyPageCtrl">
    <my-custom-directive arg1="{{currentObj.name}}"></my-custom-directive>
<div>

myPageCtrl.js(控制器)中

app.controller("MyPageCtrl", ["$scope", function ($scope) {
          $scope.currentObj = {"name":"Collin"};
    }]);

这就是我的指令代码的样子

app.directive("myCustomDirective", [function () {
    return {
        restrict: "E",
        controller: "MyCustomDirCtrl"
    };
}]);

最后是我指令的控制器

app.controller("MyCustomDirCtrl", ["$attrs", function ($attrs) {
      var arg = $attrs.arg1;
      alert('Arg '+arg);
}]);

该警报仅显示“ {{currentObj.name}}”,而不显示currentObj的name属性值。

请您为我提出解决方案的建议。

谢谢。

知识面

不知道为什么要使用$ attrs作为控制器。只需使用普通的$ scope即可。

myPage.html

<div ng-controller="MyPageCtrl">
    <my-custom-directive arg1="{{currentObj.name}}"></my-custom-directive>
<div>

myPageCtrl.js(控制器)

app.controller("MyPageCtrl", ["$scope", function ($scope) {
          $scope.currentObj = {"name":"Collin"};
    }]);

myCustomDirective

app.directive("myCustomDirective", [function () {
    return {
        restrict: "E",
        controller: "MyCustomDirCtrl"
    };
}]);

指令的控制器(此处将$ attrs更改为$ scope),

app.controller("MyCustomDirCtrl", ["$scope", function ($scope) {
      var arg = $scope.arg1;
      alert('Arg '+arg);
}]);

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

用于在元素上分配属性的自定义指令

来自分类Dev

angularjs自定义指令重复属性

来自分类Dev

更改自定义指令的属性

来自分类Dev

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

来自分类Dev

VueJS和tinyMCE,自定义指令

来自分类Dev

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

来自分类Dev

如何使用vue指令为元素添加自定义属性?

来自分类Dev

Aurelia:自定义元素与自定义属性

来自分类Dev

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

来自分类Dev

AngularJS指令来解析和替换自定义元素的内容

来自分类Dev

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

来自分类Dev

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

来自分类Dev

自定义指令

来自分类Dev

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

来自分类Dev

自定义HTML元素的属性

来自分类Dev

自定义元素未选择属性

来自分类Dev

角度自定义指令JQuery动画不会移动元素

来自分类Dev

测试自定义的角度指令是否显示/隐藏元素

来自分类Dev

$ animate.enter()自定义指令的元素

来自分类Dev

角度形式:在自定义指令上设置$ dirty属性

来自分类Dev

将属性从自定义指令复制到输入

来自分类Dev

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

来自分类Dev

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

来自分类Dev

将模型属性传递给自定义指令

来自分类Dev

给指令一个自定义属性。

来自分类Dev

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

来自分类Dev

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

来自分类Dev

离子 3 指令。在 Div 上添加自定义属性?

来自分类Dev

注册自定义控件时“指令缺少‘src’属性”?

Related 相关文章

  1. 1

    用于在元素上分配属性的自定义指令

  2. 2

    angularjs自定义指令重复属性

  3. 3

    更改自定义指令的属性

  4. 4

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

  5. 5

    VueJS和tinyMCE,自定义指令

  6. 6

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

  7. 7

    如何使用vue指令为元素添加自定义属性?

  8. 8

    Aurelia:自定义元素与自定义属性

  9. 9

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

  10. 10

    AngularJS指令来解析和替换自定义元素的内容

  11. 11

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

  12. 12

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

  13. 13

    自定义指令

  14. 14

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

  15. 15

    自定义HTML元素的属性

  16. 16

    自定义元素未选择属性

  17. 17

    角度自定义指令JQuery动画不会移动元素

  18. 18

    测试自定义的角度指令是否显示/隐藏元素

  19. 19

    $ animate.enter()自定义指令的元素

  20. 20

    角度形式:在自定义指令上设置$ dirty属性

  21. 21

    将属性从自定义指令复制到输入

  22. 22

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

  23. 23

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

  24. 24

    将模型属性传递给自定义指令

  25. 25

    给指令一个自定义属性。

  26. 26

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

  27. 27

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

  28. 28

    离子 3 指令。在 Div 上添加自定义属性?

  29. 29

    注册自定义控件时“指令缺少‘src’属性”?

热门标签

归档