使用自定义指令进行ng-repeat数据绑定

iquery

我有一个列表,在列表中的每个项目上,我都调用一个模式窗口(自定义指令),该窗口应该包含有关被单击的项目的详细信息,但数据不会更改,并且在每个项目中都保持不变。请在下面找到代码。

 angular
.module('Testapp')
.directive('testDirective', function () {
    return {
        restrict: "AE",
        templateUrl: "/Apps/templates/mytem/testdir.html",
        translucent: true,
        scope: {item:'=data'},
        link: function (scope, element, attribute) {
            console.log(scope.sequence);
        }
    };
});

指示

 <div class="modal fade" id="modalAddFilters">
   <div class="modal-dialog">
   <div class="modal-content">
   <div class="modal-body tree"> 
  {{item}} 
   </div>
    </div>
    </div>
 </div>

呼叫范本

<div>
<div ng-repeat="items in TestList>
<test-Directive   id="directive_modalAddFilters"  data="items"></test-Directive>
</div>

我能够看到正确加载到DOM中数据,但指令模板不会更改数据。

斯瓦罗格

您的代码工作正常,但您忘记ng-repeat用引号将括起来。

我认为您只是没有正确地将数据解析到模式视图中。

我已经根据您的(部分)代码进行了调试,添加了一个模式,一切正常。我已经使用ui-bootstrap展示了注入重复数据的模态。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用自定义指令进行ng-repeat数据绑定

来自分类Dev

使用ng-repeat嵌套自定义指令

来自分类Dev

在 AngularJS 中的 ng-repeat 指令中使用自定义过滤器订购数据

来自分类Dev

在自定义指令上使用ng-model和自定义属性进行2种方式绑定之间的区别

来自分类Dev

在自定义指令上使用ng-model和自定义属性进行2种方式绑定之间的区别

来自分类Dev

如何为ng-table创建自定义指令(对表和ng-repeat使用不同的数据)

来自分类Dev

如何为ng-table创建自定义指令(对表和ng-repeat使用不同的数据)

来自分类Dev

角度自定义指令数据绑定

来自分类Dev

动态将自定义指令绑定到ng-repeat

来自分类Dev

使用自定义指令使用ng-repeat显示2个不同的表

来自分类Dev

angularjs:在ng-repeat中使用“ track by”后,自定义直接绑定数据不再更新

来自分类Dev

ANgularjs:ng-repeat和嵌套的自定义指令

来自分类Dev

带templateUrl和ng-repeat的自定义指令

来自分类Dev

带templateUrl和ng-repeat的自定义指令

来自分类Dev

ANgularjs:ng-repeat和嵌套的自定义指令

来自分类Dev

有角度的。内含ng-repeat的自定义指令

来自分类Dev

如何使用ng-repeat生成自定义html标签或指令?

来自分类Dev

在自定义指令中使用ng Repeat来填充选择下拉列表

来自分类Dev

在自定义属性指令和数据绑定属性指令中使用@Attribute

来自分类Dev

ng-repeat中的数据绑定范围

来自分类Dev

收到TypeError:在ng-repeat中使用自定义指令时,无法读取未定义的属性“ friends”

来自分类Dev

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

来自分类Dev

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

来自分类Dev

ng-repeat中的自定义顺序仅对特定数据进行排序

来自分类Dev

响应数据未使用ng-repeat绑定到表

来自分类Dev

AngularJS自定义指令双向绑定

来自分类Dev

角度自定义指令ng-show 2向绑定不起作用

来自分类Dev

自定义角度指令中的ng-switch打破了两种方式的绑定

来自分类Dev

如何将ng-click绑定到自定义指令并调用父函数?

Related 相关文章

  1. 1

    使用自定义指令进行ng-repeat数据绑定

  2. 2

    使用ng-repeat嵌套自定义指令

  3. 3

    在 AngularJS 中的 ng-repeat 指令中使用自定义过滤器订购数据

  4. 4

    在自定义指令上使用ng-model和自定义属性进行2种方式绑定之间的区别

  5. 5

    在自定义指令上使用ng-model和自定义属性进行2种方式绑定之间的区别

  6. 6

    如何为ng-table创建自定义指令(对表和ng-repeat使用不同的数据)

  7. 7

    如何为ng-table创建自定义指令(对表和ng-repeat使用不同的数据)

  8. 8

    角度自定义指令数据绑定

  9. 9

    动态将自定义指令绑定到ng-repeat

  10. 10

    使用自定义指令使用ng-repeat显示2个不同的表

  11. 11

    angularjs:在ng-repeat中使用“ track by”后,自定义直接绑定数据不再更新

  12. 12

    ANgularjs:ng-repeat和嵌套的自定义指令

  13. 13

    带templateUrl和ng-repeat的自定义指令

  14. 14

    带templateUrl和ng-repeat的自定义指令

  15. 15

    ANgularjs:ng-repeat和嵌套的自定义指令

  16. 16

    有角度的。内含ng-repeat的自定义指令

  17. 17

    如何使用ng-repeat生成自定义html标签或指令?

  18. 18

    在自定义指令中使用ng Repeat来填充选择下拉列表

  19. 19

    在自定义属性指令和数据绑定属性指令中使用@Attribute

  20. 20

    ng-repeat中的数据绑定范围

  21. 21

    收到TypeError:在ng-repeat中使用自定义指令时,无法读取未定义的属性“ friends”

  22. 22

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

  23. 23

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

  24. 24

    ng-repeat中的自定义顺序仅对特定数据进行排序

  25. 25

    响应数据未使用ng-repeat绑定到表

  26. 26

    AngularJS自定义指令双向绑定

  27. 27

    角度自定义指令ng-show 2向绑定不起作用

  28. 28

    自定义角度指令中的ng-switch打破了两种方式的绑定

  29. 29

    如何将ng-click绑定到自定义指令并调用父函数?

热门标签

归档