Angularjs 如何将角度$scope数据加载到location.href？

我有以下几点

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

当我点击时，url显示

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

如何在onClick to中显示数据的名称

http://localhost:3000/url/right_name

---

谢谢

使用

ng单击

而不是

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>

---

使用

ng单击

而不是

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>

---

如果要在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>

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

如果您只需要使用

ng href

指令重定向，那么第二种方法是一种简单而优雅的方法：

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

如果要在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>

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

如果您只需要使用

ng href

指令重定向，那么第二种方法是一种简单而优雅的方法：

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

您是否尝试过使用ng click，感谢您的帮助@guest，但对我来说，它不起作用。@luis数据的作用域是什么？它是var或$scope变量，如果它是scope变量，那么您的$http配置和html页面作用域是相同的还是不同的？请提供控制器和html的FIDLE或代码，以便我们了解您的权限范围。您是否尝试使用ng click，感谢您的帮助@guest，但对我来说，它不起作用。@luis数据的作用域是什么？它是var或$scope变量，如果它是scope变量，那么您的$http配置和html页面作用域是相同的还是不同的？请提供控制器和html的FIDLE或code，以便我们了解您的prgramuse

ng click

的范围，但不知道

位置是什么…它不在控制器范围内。。。这是一个全球窗口Hank@hally9k，第二个成功了！，希望第一个也能起作用，这样我就不必为a标记编写另一个css了。不，除非您在
$scope
对象上公开
$location
服务，否则第一个不会起作用。只能访问在$scope对象上添加（公开）的属性。一般来说，这不是一个好的做法。有关详细信息，请参见下面的答案details@hally9k查看代码后，您不需要在双引号后的
ng href
中使用单引号单击
ng
不知道
位置是什么…它不在控制器范围内。。。这是一个全球窗口Hank@hally9k，第二个成功了！，希望第一个也能起作用，这样我就不必为a标记编写另一个css了。不，除非您在
$scope
对象上公开
$location
服务，否则第一个不会起作用。只能访问在$scope对象上添加（公开）的属性。一般来说，这不是一个好的做法。有关详细信息，请参见下面的答案details@hally9k查看代码后，您不需要在双引号之后的
ng href
中使用单引号