锚点链接以选择下拉列表中的特定值

时间:2016-05-16 18:58:26

标签: javascript jquery html angularjs

我想解决的问题是这个 page1.html

<a href="/foo"></a>

foo.html

<select ng-model="ctrl.listvalues">
    <option id="{{item.value}}" ng-repeat="item" in ctrl.availableValues" value="{{item.value}}">item.displayName</option>
</select>

我的目标是获取page1.html中的锚点链接以链接到foo并从列表中选择一个值。 (值1)

<a href="/foo#value1"></a>

知道如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

您必须从URL中获取哈希值才能执行此操作。在你的控制器中,确保你注入$ window然后你可以使用$ window.location.hash来检索它。它将以#use:

为前缀
$window.location.hash.substring(1)

获取控制器中的值,然后将值分配给模型中的相应属性应该处理其余的事情。