Javascript 角自举模型
我有一些指示:Javascript 角自举模型,javascript,angularjs,twitter-bootstrap,Javascript,Angularjs,Twitter Bootstrap,我有一些指示: .directive("modal", [function(){ var controller = function($scope, $attrs, $element, $uibModal){ var defaultOptions = { title: "Modal title", content: "Modal body" }, userOptions = {
.directive("modal", [function(){
var controller = function($scope, $attrs, $element, $uibModal){
var defaultOptions = {
title: "Modal title",
content: "Modal body"
},
userOptions = {
title: $attrs.title,
content: $attrs.content,
templateUrl: $attrs.templateUrl,
templateController: $attrs.templateController
};
options = angular.extend({},defaultOptions, userOptions || {});
$element.on($scope.event, function(){
$uibModal.open({
templateUrl: defaultTemplate,
controller: "DefaultModalController",
resolve: {
options: function () {
return options
}
}
});
});
},
defaultTemplate = "templates/default-modal-template.html";
return {
restrict: "A",
scope: {
event: "@"
},
controller: ["$scope", "$attrs", "$element", "$uibModal", controller]
}
}])
我使用角度引导模式,我想要这样的东西:
<section>
<header class="modal-header">
<h3 class="modal-title">{{modalOptions.title}}</h3>
</header>
<div class="modal-body" ng-if="modalOptions.templateUrl">
{{modalOptions.content}}
</div>
<div class="modal-body" ng-if="modalOptions.templateUrl" ng-include="modalOptions.templateUrl" ng-controller="modalOptions.templateController"></div>
<footer class="modal-footer">
<button type="button" class="btn btn-danger" ng-click="close()">Close</button>
</footer>
</section>
{{modalOptions.title}
{{modalOptions.content}
接近
当然,它不起作用,因为没有像modalOptions.templateController这样的控制器,我想在这个变量下面加上控制器名
简而言之:我需要在引导模式中使用指令编译当前我为不同的控制器创建了多个视图难道你不能从控制器访问选项吗?我还建议您使用controllerAs。例如@defaultModalController。用户可以控制modalCtrl,然后访问如下选项。modalCtrl.options.yourpropertyNo,我有主模态控制器,在设置
模板URL
后,我希望在模态体
元素上有额外的控制器,或者通过templateController
以某种方式扩展DefaultModalController
,这就是您的意思吗?$controller
不幸的是,在指令中不起作用: