angularjs - 使用 Angular 'ng-click' 和 'ng-repeat' 创建动态链接

Question

我有一个设置，我试图使用我的 JSON 对象在 ng-repeat 中创建 URL 字符串。在浏览器中检查时可以查看文本，但它不起作用，或者控制台记录错误。

HTML 如下所示：

<div ng-repeat="project in projects">
  <div ng-click="go('/projects/{{project.url}}')"></div>
</div>

我将 $location 服务解析到我的控制器中，然后使用以下内容更改页面 url（请注意，我已经在视图中使用非动态 URL 检查了它的工作原理）：

$scope.go = function (path) {
  $location.path(path);
};

我正在使用的 JSON 对象的示例如下所示：

$scope.projects = [
  {
    url: 'paul-davis'
  }
];

Answer 1

里面的代码ng-click是角脚本，而不是要使用的模板代码{{...}}。将其用作：

<div ng-click="go('/projects/' + project.url)"></div>

Answer 2

您可以在 中放置一个<a>带有动态 href 的标签ng-repeat，它的工作原理与您预期的一样 - 尽管使用 ng-href更好，因此您的链接在数据绑定准备好之前不会中断。你可以看看这个Angular tuto https://docs.angularjs.org/api/ng/directive/ngHref