如何自动选择第一个具有ng-repeat的元素?

时间:2019-01-28 15:38:40

标签: angularjs angularjs-directive angular-ui-router

能否请您帮我自动为左侧菜单选择第一项。 这是我的代码:https://next.plnkr.co/edit/4pGTMsVlSiFo7eoS?preview

1 个答案:

答案 0 :(得分:0)

赞:

<div class="floatingbox list">
            <input type="text" ng-model="check" placeholder="search applets"
            ng-init="setSelectedModel(model[0])">
            <ul>
                <li ng-repeat="model in model | filter:check">
                    <a class="listItem" href ng-click='setSelectedModel(model)'>{{model.key}}</a></li>
                </li>
            </ul>
        </div>

请注意ng-init="setSelectedModel(model[0])通过调用与单击特定项目时将使用的相同函数来选择页面加载时的第一项。

如果我正确阅读了您想要的内容。