2013-11-07 4 views
1

Я хочу, чтобы сделать таблицу в AngularJS, который должен выглядеть так:AngularJS: Таблица со ссылками

 
id | weekday | time | Actions 
1 | Mon  | 10:10 | Edit-Link, Delete-Link 
2 | Tue  | 15:19 | Edit-Link, Delete-Link 

Мой curent код является:

 
<html ng-app> 
    ... 
    <script type="text/javascript"> 
     function DB($scope) { 
      $scope.currentQs = null; 
      $scope.jsons = JSON.parse('${jsons}'); 
      $scope.edit = function(id) { 
       console.log("Edit " + id); 
      } 
      $scope.delete = function(id) { 
       console.log("Delete " + id); 
      } 
     } 
    </script> 
    <body ng-controller="DB"> 
     <table> 
      <tbody ng-repeat="qs in jsons"> 
       <tr> 
        <td>{{qs.query_id}}</td> 
        <td>{{qs.weekday}}</td> 
        <td>{{qs.hour}}:{{qs.minute}}</td> 
        <td> 
         <!-- I guess, I'm thinking in the wrong way with the a-tags --> 
         <!-- How do I put the current object (qs) as $scope.currentQs --> 
         <a href="#" ng-click="edit('{{qs.query_id}}')">Edit</a> 
         <a href="#" ng-click="delete('{{qs.query_id}}')">Delete</a> 
        </td> 
       </tr> 
      </tbody> 
     </table> 
    </body> 
</html> 

Ok, таблица в порядке. Но как правильно установить Edit- и Delete-Link?

Спасибо. Bernhard

PS: Только что началось вчера, глядя на AngularJS.

+0

'ng-href = {{functionThatGeneratesUrl (qs)}}'? – zerkms

ответ

5

Внутри ng-click вам не нужно интерполировать {{ }}, потому что это уже в угловом контексте исполнения:

<a href="#" ng-click="edit(qs.query_id)">Edit</a> 
<a href="#" ng-click="delete(qs.query_id)">Delete</a> 

Таким образом, выше, должны работать для вас.

+0

Спасибо, это сработало. Извините, что не дал вам +1, я не могу этого сделать, потому что мне не хватает «репутации». – Bernie

+0

Нет проблем, рад тому, что я мог бы помочь. :) –

Смежные вопросы