我有一个下拉列表:
<div class="dropdown">
<select>
<option ng-repeat="i in sc.cl" value="{{i.deptname"}}><a ng-href="#{{i.id}}">{{i.deptname}}</a></option>
</select>
</div>
基本上,dropdown元素的名称在数组中,并且html中有div,其id为i.id,如下所示:
<div class="right-bar">
<section class="contact-block" ng-repeat="i in sc.cl" id="{{i.id}}">
<div class="description">{{i.deptname}}</div>
<div class="inner-block">
<div ng-repeat="j in i.cgs">
<img class="vertical-image" src="frame.png">
<img class="horizontal-image" src="mobileframe.png">
</div>
</div>
</section>
</div>
每当我点击下拉元素时,我希望它滚动到特定部分。但是当我这样做时没有任何反应。为什么会这样?当我尝试在chrome中检查元素时,它甚至不会在ng-repeat下拉列表中显示标记。
答案 0 :(得分:0)
您应该使用Angular&#39; $anchorScroll
。
请看一下这个类似的问题:How to handle anchor hash linking in AngularJS
答案 1 :(得分:0)