/ / AngularJS UI-Bootstrapモーダル - javascript、angularjs、angular-ui-bootstrap

AngularJS UI-Bootstrap Modal - javascript、angularjs、angular-ui-bootstrap

以下は私の角度コードです。私は何も得ていませんmodalInstanceCtrl関数はcancel()とok()は動作したくありませんが、コントローラには、anglejs ui-bootstrapにあるようにコントローラを正しく出していればhttp://angular-ui.github.io/bootstrap/#/modal)ディレクティブのWebサイトが動作しているようです。

私は、インラインテンプレートを独自のファイルに展開していることを除いて、Webサイトの例と同じHTMLを使用しています。これは動作しています。

パッケージのバージョン: ブートストラップ3.1.1、AngularJS 1.2.18、UIブートストラップ0.11.0

私は問題がここにあると思っています。私はコントローラーを含んでいるかもしれません。

controller: this.ModalInstanceCtrl,

メインアプリapp.js:

"use strict"

angular.module("myApp", ["ui.bootstrap", myAppControllers]);

コントローラcontrollers.js:

"use strict";

var myApp = angular.module("myAppControllers", []);

myApp.controller("ModalCtrl", ["$scope", "$modal", "$log", function($scope, $modal, $log) {


$scope.open = function (size) {

var modalInstance = $modal.open({
templateUrl: "templates/myModalContent.html",
controller: this.ModalInstanceCtrl,
size: size,

}
});

modalInstance.result.then(function (selectedItem) {
$scope.selected = selectedItem;
}, function () {
$log.info("Modal dismissed at: " + new Date());
});
};
}]);

myApp.controller("ModalInstanceCtrl", ["$scope", "$modalInstance", function($scope, $modalInstance) {

$scope.ok = function () {
$modalInstance.close();
};

$scope.cancel = function () {
$modalInstance.dismiss();
};
}]);

回答:

回答№1は4

ここで解決策を見つけました:

AngularJS UI Bootstrap Modal内で別のコントローラを呼び出す

問題は呼び出されたコントローラを単一引用符で囲む必要があることです。

controller: "ModalInstanceCtrl",

クリス・サウザム