Angular Bootstrap正在创建重复的引导模式

Angular Bootstrap is creating duplicate bootstrap modals

本文关键字：模式 Bootstrap 创建 Angular      更新时间：2023-09-26

我有一个简单的模态，当用户进入页面时会出现，但它正在创建其中两个。我浏览了一下这个应用程序，没有两次调用模态。

这是它的控制器：

 angular.module('rokoApp')
    .controller('FinanceCtrl', function($scope, $modal) {
     $modal.open({
          templateUrl: 'includes/modal.html',
          controller: function ModalInstanceCtrl($scope, $modal,$modalInstance){
          console.log('opened')
          $scope.cancel = function () {
             $modalInstance.dismiss('cancel');
          };
      }
 });
如果您给我们一个plunker或jsfiddle中的函数代码示例，

会更好，因为问题可能在另一个地方。

例如：

当我们开始使用AngularJS创建应用程序时，通常我们将ng-controller放在上面的标签中，并编写应用程序的第一行。问题是，有时当我们添加路由时，我们忘记删除ng-controller，然后控制器执行两次。第一次是配置模块，第二次是处理html。因此，如果我们使用路由，这里的解决方案是删除html中的标签，或者删除路由的控制器属性，并将ng-controller保留在html中。

我会给你两个代码：

出现错误：http://plnkr.co/edit/TmQ5QhjD55WTurQNaEIv

没有错误：http://plnkr.co/edit/1xGUGEvAZ6jUBs8CbhTT

相关文章：