表格行重复中的 ng-单击或 ng-href 不起作用



这是html页面中的代码:

<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 click都不起作用,我做错了什么?

好的,我忘记了括号,但主要问题仍然存在,可以将href与tr一起使用吗?如果答案是肯定的,怎么做?

我已经编辑了代码,以确定我真正的问题是什么,如果我像href一样使用ng点击,我就不能使用像那样的代码

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

我的目标是传递一个url,该url在我单击的行的基础上发生了更改。

您忘记了()

ng-click="go()"

我想你错过了一些愚蠢的东西。请确保已在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!!!");
}
});

工作演示

最新更新