从角度中的模态中更改模态的模板

时间:2017-03-11 20:09:41

标签: angularjs angular-ui-bootstrap

我打开一个这样的模态:

<a href="#" ng-click="showLogin()">Sign in</a>

登录功能

$scope.showLogin= function() {
    var modalInstance = $uibModal.open({
       templateUrl: 'partials/login.html',
       controller: 'modalController',
   })
 };

ModalController(通用)

angular.module('app.controllers')
    .controller("modalController", function($scope, $uibModalInstance) {

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

});

的login.html

<form>
</form>
<a href="#" ng-click="showSignup()">Sign up</a>

点击注册后,我可以打开注册模式。以下是plunkr:http://plnkr.co/edit/mR3nXYo1rm4ey5Buc9Q0?p=preview

我的问题是,是否可以交换模板?单击“注册”时,我想从register.html更改模板。

1 个答案:

答案 0 :(得分:3)

不确定。只需使用

<div ng-if="model.modalType === 'login'">
  <form>
  </form>
  <a href="#" ng-click="model.modalType = 'signup'">Sign up</a>
</div>
<div ng-if="model.modalType === 'signup'">
  ...
</div>

在你的控制器中:

$scope.model = {
  modalType: 'login'
};