Question

我有角度的多步形式，我有2个按钮1.next 2.prev。如何在用户进入第一步时禁用prev按钮以及如何在用户进入最后一步时禁用下一个按钮 这是我的代码：

 <span class="prev">
                <input type="button" value="فرم قبلی" class="btn btn-primary" ng-click="$broadcast('Prev')" />
                       </span> 
                <span class="next">
                <input type="button" value="فرم بعدی" class="btn btn-primary" ng-click="$broadcast('Next')" />
                         </span>

Answer 1

您可以在范围中定义成员以定义当前步骤并使用ng-disabled启用/禁用按钮

<span class="prev">
      <button value="فرم قبلی" class="btn btn-primary" ng-click="vm.prev()" ng-disabled="vm.currentStep == 1" >Previous</button>
    </span>
    <span class="next">
      <button value="فرم بعدی" class="btn btn-primary" ng-click="vm.next()" ng-disabled="vm.currentStep == 2" >Next</button>
    </span>

这是一个有效的plnkr http://plnkr.co/edit/nEyYEROk2xv0mFNMEb5g?p=preview

Angular：禁用按钮prev和下一个按钮

1 个答案: