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
不幸的是,在指令中不起作用: