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/