如何将angular$scope数据加载到位置.href

Question

我有以下

    <div>
        <div ng-repeat="data in datas" title='{{ data.name }}' onClick="location.href='{{ data.name }}'" >{{ data.name }}</div><br/>
    </div>

在我的角度文件中，我有

 var mainApp= angular.module('mainApp',[]);
 mainApp.controller('formCTR',['$scope','$http',function($scope,$http){
   $http.post('/here',{ data: 'something' }).success(
       function(data){
          $scope.datas=data;
       }
   )
  }]);

当我点击时，url显示

http://localhost:3000/url/{{ data.name }}

如何在onClickto中显示数据的名称

http://localhost:3000/url/right_name

感谢

Answer 1

如果您想在angular中进行重定向，您可以使用以下两个步骤之一：使用单击处理程序使用"ng-click"或使用url使用"ng-href"：

<div>
<div ng-repeat="data in datas" title='{{ data.name }}' ng-click="redirect(data.name)" >{{ data.name }}</div><br/>
</div>

并在控制器范围内添加redirect功能

$scope.redirect = function (route) {
  $location.path('/' + route);
}

这种方法允许您通过更改参数使用相同的函数重定向到多个路由。

如果您只需要使用ng-href指令重定向，第二种方法是一种简单而优雅的方法：

<div>
  <div ng-repeat="data in datas" title='{{ data.name }}'>
    <a ng-href="/{{ data.name }}">{{ data.name }}</a>
  </div><br/>
</div>

Answer 2

使用ng-click而不是onClick。。。

控制器

...
$scope.redirect = function(route) {
   $location.path('/' + route);
}
...

模板

<div>
    <div ng-repeat="data in datas" title='{{ data.name }}' ng-click="redirect({{ data.name }})" >{{ data.name }}</div><br/>
</div>

或者使用锚标签和CCD_ 5。

<div>
    <div ng-repeat="data in datas" title="{{ data.name }}"><a ng-href="{{ data.name }}">{{ data.name }}</a></div><br/>
</div>