jquery - 使用 Angular 的 ng-repeat 正确格式化表格

Question

我在 AngularJS 环境中工作。

我有下表的图表图像，我正在将其转换为 ng-repeat .

我已经设法只分配那些我想显示但使用 GadgetIconsCtrl 的记录以下。现在我需要显示两个 <td>每行元素。

如何显示两个 <td>每行元素使用 ng-repeat ？

<table id="gadgets" class="propertyTable clickable_row">

        <tr>
            <th>Type</th>
        </tr>
        <tr>
            <td data-url="chart_treelist">
                <img data-draggable id="chart_treelist" src="images2/table.png" title="Tree Grid" alt="Hierarchy Grid" width="64" height="64">Grid
            </td>   
            <td data-url="{chart_pivot}">
                <img data-draggable id="chart_pivot" src="images2/pivottable.png" title="Pivot Table"   alt="Pivot Table" width="64" height="64">Pivot
            </td> 
        </tr>
              
    </table>  

当用户启动嵌入此表格的模态窗口时，我需要立即突出显示一个特定的 <td>元素。

这是一些 $scope.widgets 的例子图表属性:

$scope.widgets[0].title = "Bar Chart"
$scope.widgets[0].gadgetType = "chart"
$scope.widgets[0].chartType = "bar"
到目前为止，我正在使用 ng-repeat , 但无法应用 filter

这是 ng-repeat以及连接到它的 Controller :

(function () {
    'use strict';
    angular.module('rage')
       .controller('GadgetIconsCtrl', ['$rootScope', '$scope',  icons]);

    function icons($rootScope, $scope) {

        var gadicons = this;

        gadicons.widgetSubset = null;

        if ($scope.widget.gadgetType == 'chart' && $scope.widget.chartType == 'bar') {
            gadicons.widgetSubset = _.filter($scope.widgetDefs, function (item) {
                return item.chartType == 'bar' || item.chartType == 'column';
            });
        }
    };   // end of gridSettings()    
})();

        <table ng-controller="GadgetIconsCtrl as gadicons">
            <tr ng-repeat="widget in gadicons.widgetSubset" ng-class="" >
                <td>
                    <img data-draggable ng-src="{{widget.initImage}}" title="{{widget.title}}" alt="Hierarchy Grid" width="64" height="64">{{widget.title}}
                </td>
            </tr>
        </table>

非常感谢您的建议。

问候，鲍勃

Answer 1

对不起，我之前回答错了。因此，您想根据您的范围更改过滤器类型。这是一个可以帮助您抽象答案的工作基本 fiddle 。如果您需要更多 Angular 帮助，如果您有兴趣，请在我的网站上给我发一封电子邮件，我很乐意多谈谈 Angular 。

工作 fiddle https://jsfiddle.net/E6aMZ/26/

<div ng-repeat"thing in things | filter:myThings"></div>