Question

我正在尝试使用AngularJS制作响应表。

我创造了一个小提琴，展示了我想做的事：https://jsfiddle.net/loredano/xnyzaLnu/1/

<tr ng-repeat="product in products" >
    <td data-title='{{titles.col1}}'>{{product.id}}</td>
    <td data-title='{{titles.col2}}'>{{product.name}}</td>
    <td data-title='{{titles.col3}}'>{{product.col3}}</td>
    <td data-title='{{titles.col4}}'>{{product.col4}}</td>
    <td data-title='{{titles.col5}}'>{{product.col5}}</td>
</tr>

这或多或少都是我想要做的。我希望能够填充数据标题，从我的$ scope.titles获取数据。我是Angular和前端编程的新手。还有其他方法可以实现吗？

我正在使用这个角度响应表https://github.com/awerlang/angular-responsive-tables来做css“技巧”。

Answer 1

你的小提琴中唯一的问题就是你的$ scope.titles是一个数组，而不是一个对象。如果您希望它工作，只需删除方括号。

$scope.titles = {
  col1: "Id", 
  col2: "Name", 
  col3: "Something", 
  col4: "Something else", 
  col5: "Something something"
};

小提琴：https://jsfiddle.net/xnyzaLnu/2/

使用Angular和角度响应表的响应表

1 个答案: