2014-02-21 116 views
1

这是在HTML页面的代码:NG单击或NG-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"> 

但既不NG-HREF或NG-点击作品,我是什么?做错了?

行,我也忘了括号,但主要的问题依然存在,是有可能使用的href与TR?如果答案是肯定的,怎么样?

我有编辑的代码,以精确的就是我真正的问题是,如果我使用像一个href NG点击我不能使用代码一样,

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

我的目标是通过一个网址在我点击的那一行的底部发生了变化。

+2

它应该工作。你有没有检查你的控制台?应该有一些错误 –

+0

控制台没有打印任何东西,这就像我甚至没有点击行,我不明白为什么。 – mautrok

+0

@mautrok - 请参阅下面的答案,简单的语法错误 – tymeJV

回答

3

你忘了()

ng-click="go()" 
2

我想你错过了一些愚蠢的。确保你在HTML中绑定了ng-controller

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