【问题标题】:angularjs ng-repeat doesn't populate value for the directiveangularjs ng-repeat 不填充指令的值
【发布时间】:2014-12-12 21:15:25
【问题描述】:

不确定这个问题是否已经回答,但在 google 上找不到任何内容。

无法正确获取myDirective 以获取item-data,它始终获取item.Data 作为值。

<div class="items" ng-repeat="item in Items">
<div class="itemInclude">
    <div class="item-body">
        <h4 class="text-center">{{item.name}}</h4>
        <myDirective item-data="{{item.Data}}"></myDirective>
    </div>
</div>

这是指令

angular.module('item', [])
.directive('itemDirective', function() {
  return {
    restrict: 'E',
    replace: true,
    template: require('item-list.html'),
        link: function(scope, element) {
        scope.Items = [
        {
          "name": item1,
          "data": item1Data
        },
        {
          "name": item2,
          "data": item2Data
        },
        {
          "name": item3,
          "data": item3Data
        },
        {
          "name": item4,
          "data": item4Data
        }
        ]
        //some stuff
        }
  };
});

任何帮助将不胜感激。

【问题讨论】:

  • 你能分享你的指令代码吗?
  • 指令代码在哪里?
  • 尝试不为您的属性使用双花括号。
  • 您是否在 html 页面的脚本中添加指令?
  • @ryanyuyu,没用。 @MohamedYakout,是的。

标签: angularjs angularjs-directive angularjs-ng-repeat directive ng-repeat


【解决方案1】:

我建议您重命名变量,以便更清楚地区分。例如,您引用 item.Data 而不是 item.data (您的错误?)。容易出错。重命名您的指令项,例如 itemDir 之类的。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-09-28
    • 1970-01-01
    • 1970-01-01
    • 2017-01-11
    • 2015-05-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多