当前位置:  开发笔记 > 前端 > 正文

angular-ui modal,带有控制器作为语法

如何解决《angular-uimodal,带有控制器作为语法》经验,为你挑选了1个好方法。

我正在使用angular-ui-bootstrap-bower#0.7.0 with angular#1.2.10,当打开一个模式,控制器是一个"老式"控制器时,一切正常.

但是,当我有一个控制器意味着使用新的"控制器作为语法"时,它不起作用.angular-ui-bootstrap模式是否与控制器一起作为语法?0.7版是否支持它?怎么做?



1> 小智..:

您可以将ngController语法用于"controller"选项.例如:

controller: 'modalController as modal'

有一个样本plunker

来自plunker的代码:




  
    
    
    
    
  

  
    

{{ demo.message }}

的script.js

angular.module('app', ['ui.bootstrap'])
.controller('demoController', function($modal) {
  this.message = 'It works!'
  this.modal = function() {
    $modal.open({
      controller: 'modalController as modal',
      templateUrl: 'modal.html'
    });
  };
})
.controller('modalController', function($modalInstance) {
  this.modalText = 'Modal Text'
  this.cancel = function() {
    $modalInstance.dismiss();
  }
})

推荐阅读
ERIK又
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有