Question

我有一个模板 hsMenuCreateNewTicketContent ，它以下列方式动态加载到 hsFrameworkTemplate 中的div中：

<div class="active-menu-item-content-page row col-md-12" ng-include src="routeString" 
     ng-show="isMenuContentVisible">

</div>

我正在寻找一种方法来为动态包含的模板使用新的控制器，即 hsMenuItemContentController 。

我尝试使用ng-controller注册控制器，但我没有运气。任何人都可以提出任何想法吗？

编辑：

我的 hsFrameworkTemplate 如下：

＆＃13;

<div class="hs-framework-container row col-md-12">
    <div class="hs-customer-support-icon col-md-1">
        <img ng-src="{{ iconPath }}" src="">
    </div>
    <div class="hs-page-header col-md-10">
        "Hello, how can we help you?"
        <p>Welcome to our support page. Please click one of the following options to begin.</p>
    </div>
    <div ng-transclude class="col-md-12"></div><br/>
    <br/>
    
    <div class="active-menu-item-content-page row col-md-12" ng-include src="routeString" 
         ng-show="isMenuContentVisible">

    </div>
</div>

＆＃13;

Answer 1

您可以使用$compile动态附加控制器。请确保控制器在物理上可用并加载到您的应用程序

     element.find(".elementtoattachcontroller").attr('ng-controller', 'your controllername');
                $compile(element.find(".elementtoattachcontroller"))(scope);

希望这有帮助

为动态加载的模板注册新控制器

1 个答案: