我有一个链接到包含自定义用户组的网页的组件。
(学生基的item.hbs)
{{else if linkAction}}
<a href="#" {{action 'linkAction'}} class="item-link">
<h4 class="title">{{group_name}}</h4>
<ul class="meta {{meta_class}}">
{{#if item_1_title}}<li class="{{item_1_class}}">{{item_1_title}}</li>{{/if}}
{{#if item_2_title}}<li class="{{item_2_class}}">{{item_2_title}}</li>{{/if}}
{{#if item_3_title}}<li class="{{item_3_class}}">{{item_3_title}}</li>{{/if}}
{{#if item_4_title}}<li class="{{item_4_class}}">{{item_4_title}}</li>{{/if}}
{{#if item_5_title}}<li class="{{item_5_class}}">{{item_5_title}}</li>{{/if}}
{{#if item_6_title}}<li class="{{item_6_class}}">{{item_6_title}}</li>{{/if}}
</ul>
</a>
{{else}}
现在,当我左键单击任何列表项时,它正确地将我链接到学生组。但是,当我在中间点击或做某事在新标签中打开时,我会被重定向到以锚标签结尾的页面
所以不要链接到
localhost:4200 / student-group / 1111
我与之相关 本地主机:4200 /#
我试图将其改为
{{else if linkAction}}
{{#link-to 'student-group' group_id class="item-link" invokeAction='linkAction'}}
<h4 class="title">{{group_name}}</h4>
<ul class="meta {{meta_class}}">
{{#if item_1_title}}<li class="{{item_1_class}}">{{item_1_title}}</li>{{/if}}
{{#if item_2_title}}<li class="{{item_2_class}}">{{item_2_title}}</li>{{/if}}
{{#if item_3_title}}<li class="{{item_3_class}}">{{item_3_title}}</li>{{/if}}
{{#if item_4_title}}<li class="{{item_4_class}}">{{item_4_title}}</li>{{/if}}
{{#if item_5_title}}<li class="{{item_5_class}}">{{item_5_title}}</li>{{/if}}
{{#if item_6_title}}<li class="{{item_6_class}}">{{item_6_title}}</li>{{/if}}
</ul>
{{/link-to}}
{{else}}
但是尽管删除了锚标记仍然存在同样的问题。
我在router.js
中正确布置了路线this.route('student-group', {path: 'student-group/:group_id'});
所以我有点担心要做什么以及如何处理这个问题。