Angularjs 如何在手风琴中显示按钮（在模式中）

我的问题是：

在情态中，我有一个手风琴

1-单击下一步按钮时，我必须填写输入字段以打开下一步

2-当我打开下一步时，下一步按钮消失，上一步和保存按钮出现

但当我点击一步时，手风琴会打开和关闭两个手风琴，但按钮不会消失，反之，当我点击两个手风琴时

当我点击手风琴时，如何改变按钮

提前感谢您的回答

我的例子是：

HTML:

<form ng-submit="submit(myform)" name="myform" novalidate>
  <div class="modal-header">
    <button type="button" type="button" class="close" data-dismiss="modal" ng-click="cancel()"><span aria-hidden="true">&times;</span></button>
    <h3 class="modal-title">I'm a modal!</h3>
  </div>
  <div class="modal-body">
    <uib-accordion close-others="oneAtATime">
      <uib-accordion-group is-open="status.isFirstOpen">
        <uib-accordion-heading>
          first step
        </uib-accordion-heading>
        <label>firstname</label>
        <input type="text" name="firstname" ng-model="firstname" required>
      </uib-accordion-group>
      <uib-accordion-group is-open="status.isSecondOpen" is-disabled="status.isSecondDisabled">
        <uib-accordion-heading>
          second step
        </uib-accordion-heading>
        <label>lastname</label>
        <input type="text" name="lastname" ng-model="lastname" required>
      </uib-accordion-group>
    </uib-accordion>
  </div>
  <div class="modal-footer">
    <button ng-show="!viewNext" class="btn btn-primary" type="submit" ng-click="next()">Next</button>
    <button ng-show="viewNext" class="btn btn-default" type="submit" ng-click="save()">Save</button>
    <button ng-show="viewNext" class="btn btn-primary" type="button" ng-click="prev()">prev</button>
  </div>
</form>

---

我不明白你的问题。请详细说明。是的，我将解释@RahulDesai什么是相对简单的：当你点击第一个链接步骤=按钮时，下一步当你点击第二个链接步骤=上一步并保存按钮时，但这并不是链接的情况。它对我有效。我想你没有在模态中给出任何

名字

。在你的情况下，

名字

是必须的。@RahulDesai，你能给我一个plunker让我看看它对你有用吗。

angular.module('ui.bootstrap.demo').controller('ModalInstanceCtrl', function($scope, $uibModalInstance) {
 $scope.oneAtATime = true;

  $scope.status = {
    isFirstOpen: true,
    isSecondOpen: false,
    isSecondDisabled: true
  };

  $scope.next = function() {
    if ($scope.myform.firstname.$valid) {
      $scope.status = {
        isSecondOpen: true,
        isFirstOpen: false,
        isSecondDisabled: false
      };
       $scope.viewNext = true;
    }
  };

  $scope.prev = function() {
    $scope.status = {
      isSecondOpen: false,
      isFirstOpen: true
    };
   $scope.viewNext = false;
  };

  $scope.save = function() {
    if($scope.myform.$valid) {
      alert('Save and Valid !');
       $uibModalInstance.dismiss('close');
    }
  };

  $scope.cancel = function() {
    $uibModalInstance.dismiss('cancel');
  };
});