Angularjs - 自动提交第一项

时间:2014-12-11 09:48:11

标签: javascript angularjs ng-repeat

我想在列表加载到用户后立即选择ng-repeat中的第一项,是否有一种简单的方法可以做到这一点?

现在我正在使用ng-click,但我不知道如何自动点击第一项。

这是我的ng-repeat

<div ng-hide="hideMembershipSection" ng-repeat="membership in memberships" class="row">
<div class="membership-box col-lg-9 col-md-9 col-sm-9 col-xs-8">
    <img class="img-responsive" ng-src="/images/onlinesalg_ny/{{ membership.image }}">

    <h1 class="text-uppercase">{{ membership.titel_onlinesalg }}</h1>
    <p>{{ membership.onlinesalg_produktbeskrivelse }}</p>

</div><!-- col-lg-9 -->

<div class="membership-box__price col-lg-3 col-md-3 col-sm-3 col-xs-4 text-center">
    <h1>
        <small>Kr.</small>
        {{ membership.pris }},-
    </h1>
    <button ng-click="selectMembership(membership)" type="button" ng-class='{"btn-success": membership.pid == success}' class="text-uppercase btn btn-primary" ng-disabled="membership.pid == success">{{ membership.pid === success ? "valgt" : "vælg"}}</button>

</div><!-- col-lg-9 -->

2 个答案:

答案 0 :(得分:1)

在控制器中,在将列表加载到$scope.memberships的代码之后,使用该行怎么样:

selectMembership($scope.memberships[0]);

这基本上是在执行ng-click操作,但是在加载列表之后。这取决于你的selectMembership函数的功能。

答案 1 :(得分:0)

您可以使用ng-init默认选择第一个元素,如ng-init="ngModelFieldName=memberships[0]

我不知道ng-model的名称因此给出了名称ngModelFieldName

 <div ng-hide="hideMembershipSection" ng-repeat="membership in memberships" ng-init="ngModelFieldName=memberships[0]" class="row">