Angularjs - 面板手风琴按钮第一次没有为按钮注册点击动作

时间:2018-02-14 19:59:35

标签: angularjs

我有一个手风琴面板,我有一个按钮,当我点击按钮时,第一个手风琴被关闭,然后按钮上的第二个动作被注册。

下面是它的代码段

<div class="panel panel-default"> // panel 
<div class="panel-heading" ng-model="accessInfo"
     ng-click="accessInfo=(!accessInfo)"
     style="cursor: pointer; border-top: 1px solid #37658a;">
    <h4 style="margin-bottom: 0px;">
        <i class="fa fa-minus" style="padding-right: 3px;" aria-hidden="true" ng-hide="accessInfo"></i>
        <i class="fa fa-plus" style="padding-right: 3px;" aria-hidden="true" ng-hide="!accessInfo"></i>
        Authorized Users
              <button type="button" class="btn btn-primary mr-5 pull-right" name="addUSers"  ng-show="!editEnabled" ng-click="addAuthorizedUsers($event)"
              style="margin-top: -4px;"  >
                                Add Users
             </button>
   </h4>
</div>

1 个答案:

答案 0 :(得分:0)

您必须在作用域上定义accessInfo,以使其最初未定义。此外ng-model仅适用于输入/表单元素。