这是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!!!");
}
});
工作演示