2014-02-21 45 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