Question

如何传递index变量来在append（）函数中构建html？

.directive('grid', ['$compile', function(compile) {
      return {
        restrict: "E",
        scope: {
          elements: '='
        },
        link: function (scope, element, attrs) {
          element.find('div.grid-cell').map(function(index, cell) {
            $(cell).append(
              '<div ng-repeat="el in elements">' +
              '<div ng-if="d.grid_id === index">{{index}} {{grid}}</div></div>'
            );
        }
      }
    }]);

Answer 1

没有角度体验，但简单的字符串连接应该可以解决问题：

        $(cell).append(
          '<div ng-repeat="el in elements">' +
          '<div ng-if="d.grid_id === '+index+'">{{grid}}</div></div>'
        );

Answer 2

如果您想使用地图功能索引，请使用。

$(cell).append(
    '<div ng-repeat="el in elements">' +
    '<div ng-if="d.grid_id === ' + index + '">{{grid}}</div></div>'
);

如果你想使用ng-repeat索引，那么使用

$(cell).append(
    '<div ng-repeat="el in elements">' +
    '<div ng-if="d.grid_id === $index">{{grid}}</div></div>'
);

如何将索引变量传递给角度中的html元素？

2 个答案: