ng-repeat与Angular JS和指令中的表格

时间:2013-05-28 09:22:44

标签: angularjs angularjs-directive

我正在尝试使用带有指令和ng-repeat的Angular构建responsive data table。我设法让ng-repeat与表格一起使用:http://jsfiddle.net/raff77/Asb8k/

{}

我现在正试图让它与指令一起工作,并且ng-repeat不起作用。 http://jsfiddle.net/raff77/uwGXb/3/

{}

有没有办法让ng-repeat与你的指令一起使用,或者你应该将它构建到你的指令中。请注意我已经构建了一个解决方案,将行添加为字符串,然后是html,但我想避免这种情况,并以Angular方式执行操作。

2 个答案:

答案 0 :(得分:3)

您正在指令中创建新范围,如此处所示

scope: { gbsdata: '=' },

但“chartdata”是您正在观看的阵列,在此范围内无法使用。

scope.$watch("chartdata", function (chartdata) {

检查这个小提琴它会对你有所帮助。 http://jsfiddle.net/KLGrV/1/

答案 1 :(得分:2)

当你想将'td'放入指令中的表时,AngularJS中似乎存在一个错误。请参阅此问题Angular Directive Does Not Evaluate Inside ng-repeat,特别是此答案:https://stackoverflow.com/a/15755234/669561https://github.com/angular/angular.js/issues/1459

我并没有真正看到,为什么你要用指令填写表格。没有桌子的第一种方法似乎工作得很好,我看不到使用指令的任何优点。