如何將ngRepeat內容複製到另一個div？

Question

我列出採用了棱角分明一個JSON文件，如：

HTML：

<li ng-repeat="task in tasks"> 
    <h1>{{task.title}}</h1> 
    <small>{{task.date}}</small> 
    <p>{{task.details}}</p> 
    <button ng-click="details($event)" data-title="{{task.title}}" data-date="{{task.date}}" data-details="{{task.details}}"></button> 
</li> 

JS：

$scope.details = function(obj){ 
    var title = obj.target.getAttribute('data-title'), 
     date = obj.target.getAttribute('data-date'); 
    ... 
} 

我通過通過data-attributes的所有內容，當我點擊<button>它調用ng-click，我通過純JavaScript訪問所有data-attributes，並創建一個<div>來包裝這些內容。這種方式工作得很好，但有沒有更容易通過角度獲取這些值的方法？

Answer 1

更加簡單和適當的角度來說，是剛剛通過task雖然NG-點擊功能表達和處理程序訪問它，告別從控制器訪問DOM（這是反正壞的）和數據屬性： -

<li ng-repeat="task in tasks"> 
    <h1>{{task.title}}</h1> 
    <small>{{task.date}}</small> 
    <p>{{task.details}}</p> 
    <button ng-click="details(task)"></button> 
</li> 

和

$scope.details = function(task){ 
    console.log(task); 
    //console.log(this.task); 
} 

Plnkr