以下は私の角度コードです。私は何も得ていません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",
クリス・サウザム