时间戳

首页 > 解决方案 > Angular data-ng-href 路径错误

javascript - Angular data-ng-href 路径错误

问题描述

首先，如果我的英语不完美，请原谅。

我有一个返回搜索表单结果的视图。

一切正常，除了 和 的pictures结果users。我有数据，它在视图中可见，我有用户名、图片 ID 等，但链接不起作用。

链接看起来像localhost:3000/search#而不是localhost:3000/pictures/{{picture.id}}.

我是 Angular 的菜鸟，但我知道我有数据，因为我可以在data-ng-bindpicture.id中显示or ，所以我不知道为什么它在链接中不起作用......user.slug

这是我的代码，_results.slim：

- if can?(:read, Picture)
  div data-ng-class="{'col-lg-12': search.set == 'pictures', 'col-lg-4': search.set.id == 'all'}"
    .panel.panel-default data-ng-show="pictures.length > 0"
      .panel-heading
        .panel-title Pictures
      .list-group
        a href="#" class="list-group-item" data-ng-repeat="picture in pictures" data-ng-bind="picture.title || 'Picture #' + picture.id" data-ng-href="/pictures/{{picture.id}}"

- if can?(:read, User)
  div data-ng-class="{'col-lg-12': search.set == 'users', 'col-lg-4': search.set.id == 'all'}"
    .panel.panel-default data-ng-show="users.length > 0"
      .panel-heading
        .panel-title Users
      .list-group
        a href="#" class="list-group-item" data-ng-repeat="user in users" data-ng-bind="user.username" data-ng-href="/{{user.slug}}"

你能告诉我如果你看到了什么不对劲吗？

标签： javascriptangular

解决方案

删除，href="#"所以它不会覆盖你的data-ng-href="/pictures/{{picture.id}}"

之后链接应该可以正常工作

推荐阅读