2014-02-21 2 views
1

это код на странице HTML:нг щелкните или нг-HREF в строке таблицы повтора не работает

<tr ng-repeat="res in result" ng-click='go()'> 

    <td>{{res.value1}}</td> 
    <td>{{res.value2}}</td> 
    <td>{{res.value3}}</td> 
    <td>{{res.value4}}</td> 
    <td>{{res.value5}}</td> 
    <td>{{res.value6}}</td> 

</tr> 

и это код в .js файле:

$scope.go = function() { 
    $scope.go = function (url) { 
     $location.path(url); 
    } 
} 

моя основная проблема заключается в том, что мне нужно использовать всю строку как ссылку, что-то вроде этого

<tr ng-repeat="bla bla bla" href="url"> 

но ни нг-HREF или нг-клик работ, о чем это я делать не так?

ОК, я забыл круглую скобку, но главная проблема все еще остается, можно ли использовать href с tr? и если да, то как?

я есть изменить код к точным, что моя действительно проблема, если я использую нг щелкните как HREF я не могу использовать такой код

go('/something/{{res.value1}} 

моя цель передать URL это изменение базы в строке, которую я нажимаю.

+2

Он должен работать. Вы проверили консоль? Должна быть некоторая ошибка –

+0

Консоль ничего не печатала, это похоже на то, что я даже не нажимаю на строку, я не могу понять, почему. – mautrok

+0

@mautrok - см. Мой ответ ниже, простую синтаксическую ошибку – tymeJV

ответ

2

Я думаю, вы пропустили что-то глупое. Убедитесь, что вы связали ng-controller в HTML.

HTML

<div ng-app="myApp"> 
    <div ng-controller="myCtrl"> 
     <table> 
     <tr ng-repeat="res in result" ng-click='go()'> 
      <td>{{res.value1}}</td> 
      <td>{{res.value2}}</td> 
      <td>{{res.value3}}</td> 
      <td>{{res.value4}}</td> 
      <td>{{res.value5}}</td> 
      <td>{{res.value6}}</td> 
     </tr> 
     </table> 
    </div> 
</div> 

JS

angular.module("myApp",[]).controller("myCtrl",function($scope){ 
    // Your json will be here 
    $scope.result = [ 
     {value1:"1",value2:"2",value3:"3"}, 
     {value1:"5",value2:"6",value3:"7"}, 
     {value1:"4",value2:"9",value3:"8"} 
     ]; 

    $scope.go = function(){ 
     console.log("function called!!!"); 
    } 
}); 

Working Demo

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