gpt4 book ai didi

angularjs - Angular Bootstrap 模态 : Unknown provider: $modalInstanceProvider

转载 作者:行者123 更新时间:2023-12-02 22:05:39 37 4
gpt4 key购买 nike

我正在尝试在我的 Controller 中使用 Angular Bootstrap Modal 指令 ( http://angular-ui.github.io/bootstrap/ ) 来打开模态:

function customerSearch() {
var modalInstance = $modal.open({
templateUrl: 'app/customer/customers.modal.html',
controller: 'customers.modal'
});

modalInstance.result.then(function(selectedCustomer) {
console.log(selectedCustomer);
});
}

在模态 Controller 中:

var controllerId = 'customers.modal';

angular.module('app').controller(controllerId,
['$modalInstance', customersModal]);

function customersModal($modalInstance) {
// Modal controller stuff
}

但是当我这样做时,我收到以下错误:

Unknown provider: $modalInstanceProvider <- $modalInstance

如果我取出 $modalInstance,它可以工作,但我显然没有引用调用 Controller 中的模态。

编辑

我不知道是否值得注意,但我使用的是 Controller As 语法:

<div class="container-fluid" data-ng-controller="customers.modal as vm">

应用程序依赖项:

var app = angular.module('app', [
// Angular modules
'ngAnimate', // animations
'ngRoute', // routing
'ngSanitize', // sanitizes html bindings (ex: sidebar.js)

// Custom modules
'common', // common functions, logger, spinner
'common.bootstrap', // bootstrap dialog wrapper functions

// 3rd Party Modules
'ui.bootstrap', // ui-bootstrap (ex: carousel, pagination, dialog)
'breeze.directives', // breeze validation directive (zValidate)
]);

我创建了一个plunker,它在这里显示问题:http://plnkr.co/edit/u8MSSegOnUQgsA36SMhg?p=preview

最佳答案

问题是您在两个地方指定了 Controller - 打开模式时和在模板内 - 这是不需要的。从模板中删除 ng-controller ,事情就会按预期工作: http://plnkr.co/edit/khySg1gJjqz1Qv4g4cS5?p=preview

关于angularjs - Angular Bootstrap 模态 : Unknown provider: $modalInstanceProvider,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21020715/

37 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com