javascript - Angular Bootstrap 正在创建重复的 Bootstrap 模式

标签 javascript angularjs twitter-bootstrap

我有一个简单的模式,当用户进入页面时会出现,但它正在创建其中两个模式。我查看了该应用程序,没有两次调用该模式。

这是它的 Controller :

 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,然后 Controller 执行了两次。第一次是模块的配置,然后是 html 的处理。 所以这里的解决方案是,如果我们使用路由,则去掉html中的标签,或者删除路由的controller属性,并保留html中的ng-controller

我会给你两个代码:

错误:http://plnkr.co/edit/TmQ5QhjD55WTurQNaEIv

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

关于javascript - Angular Bootstrap 正在创建重复的 Bootstrap 模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28858661/

相关文章:

javascript - Puppeteer 在访问 URL 时加载带有 429 的空白页面

javascript - 消除 jQuery 脚本中的冗余代码

javascript - 具有不断变化的背景颜色或背景图像的 body 边框

javascript - 在AngularJS中的 View 之间更改时保持范围模型

angularjs - 在 Angular 中动态设置 ngModelOptions

html - Bootstrap 3 CSS布局,宽度问题

javascript - 是否可以根据屏幕宽度更改 Bootstrap 弹出窗口的位置?

javascript - 如何替换 Google Map Api 中的 A 和 B 标记

javascript - MEAN.JS 和 angular bootstrap 轮播不工作

javascript - 将 Twitter Bootstrap 弹出窗口与 D3.js 集成