2015-05-22 1 views
2

Я использую Angular js; внутри моего шаблона представления У меня есть таблица Я хочу, чтобы каждая строка моей таблицы была заполнена элементом моей модели, чтобы быть ссылкой на другую страницу. Я пробовал прокомментированную строку кода, но он не работает!HTML-ссылка внутри таблицы Angular js

Спасибо за помощь! Приветствия!

<section data-ng-controller="AllsController" data-ng-init="find()"> 
<div class="page-header"> 
    <h1>Alls</h1> 
</div> 

<div class="list-group"> 

    <table class="table table-striped table-bordered"> 
     <thead> 
      <tr> 
       <th>Created</th> 
       <th>User</th> 
       <th>Name</th> 
       <th>Color</th> 
      </tr> 
     </thead> 
     <tbody> 
       <tr data-ng-repeat="all in alls"> 
       <!-- <a data-ng-href="#!/alls/{{all._id}}" > --> 

       <td data-ng-bind="all.created | date:'medium'"></td> 
       <td data-ng-bind="all.user.displayName"></td> 
       <td data-ng-bind="all.name"></td> 
       <td data-ng-bind="all.color"></td> 

       <!-- </a> --> 
      </tr> 
     </tbody> 
    </table> 
</div> 

+0

Вы не можете обернуть элементы ''. Вы можете попробовать добавить обработчик 'ngClick' или' ngHref' в '', но это может и не сработать. Если нет, просто добавьте обработчик click/href к каждому элементу ''. Я предполагаю, что 'ngHref' тоже не сработает, поэтому вам, вероятно, придется обработать щелчок в вашем контроллере. –

ответ

0

Вы можете сделать что-то вроде <tr ng-click="onClick()"> и в функции OnClick вы можете написать свою логику. Если вы хотите перенаправить на какую-либо страницу, вы можете использовать функцию $ location of angularjs.

+0

Я бы не использовал 'document.location' на' onclick', если я использую угловой –

+0

@JuanSolano Да, правильно. Виноват. Я редактировал свой комментарий. – ankur