Angular Data-ng-href错误的路径

时间:2018-10-05 15:01:30

标签: javascript angular

首先,请原谅我的英语不完美。

我有一个视图,可以在其中返回搜索表单的结果。

picturesusers的结果外,所有其他东西都有效。我有数据,它在视图中可见,我有用户名,图片ID等,但链接不起作用。

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

我是Angular的菜鸟,但我知道我有数据,因为我可以在 data-ng-bind 中显示picture.iduser.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}}"

您能告诉我是否看到问题吗?

1 个答案:

答案 0 :(得分:1)

删除href="#",使其不会覆盖您的data-ng-href="/pictures/{{picture.id}}"

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