Question

这是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一起使用？如果答案是肯定的，怎么样？

我已经编辑了代码，以确定我的真正问题是什么，如果我使用ng-click像href我不能使用像这样的代码

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

我的目标是在我点击的行中传递一个更改基础的网址。

Answer 1

您忘记了()

ng-click="go()"

Answer 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

表行重复中的ng-click或ng-href不起作用

2 个答案: