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/