Javascript 要求转换的角度多指令_Javascript_Angularjs_Angularjs Directive

Javascript 要求转换的角度多指令

javascript angularjs

Javascript 要求转换的角度多指令,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我有以下错误，这让我发疯，因为它是以随机方式发生的：错误：[$compile:multidir]多个指令[dsRegion，dsRegion]请求对以下对象进行转换： $compile/multidir？p0=dsRegion&p1=&p2=dsRe…n-change%3D%22componentSelected%22%20ds区域获取数据%3D%22getData%22%3E 我试图在backen中呈现的一种模板中添加“dsRegion”指令。我正在使用和ng include指令包含模板。该

我有以下错误，这让我发疯，因为它是以随机方式发生的：

错误：[$compile:multidir]多个指令[dsRegion，dsRegion]请求对以下对象进行转换： $compile/multidir？p0=dsRegion&p1=&p2=dsRe…n-change%3D%22componentSelected%22%20ds区域获取数据%3D%22getData%22%3E

我试图在backen中呈现的一种模板中添加“dsRegion”指令。我正在使用和ng include指令包含模板。该模板可以包含几个区域，在这些区域中我使用“dsRegion”指令来添加某种工具栏

angular 1.6.2

我的收纳部

<div ng-include="getTemplateUrl()" class="template"></div>

模板URL页面

<md-toolbar class="md-hue-2 _md _md-toolbar-transitions ">
<div class="md-toolbar-tools">
    <span flex="" md-truncate="" class="flex">{{title}} {{componentName}}</span>
    <div ng-show="component">
        <div>
            <md-button aria-label="Open" class="md-icon-button edit-component" ng-click="showComponentEditor($event, regionId)">
                <md-icon md-menu-origin>create</md-icon>
            </md-button>
        </div>
    </div>
    <md-menu md-position-mode="target-right target" md-offset="8 42">
        <md-button aria-label="Open phone interactions menu" class="md-icon-button"
                   ng-click="openMenu($mdMenu, $event)">
            <md-icon md-menu-origin>settings</md-icon>
        </md-button>
        <md-menu-content width="2">
            <div>
                <md-menu-item>
                    <md-button ng-click="item(componentNameMapper[1])" ng-disabled="currentComponent.info">
                        <md-icon>http</md-icon>
                        P&aacute;gina WEB
                    </md-button>
                </md-menu-item>
                <md-menu-item>
                    <md-button ng-click="item(componentNameMapper[0])" ng-disabled="currentComponent.info">
                        <md-icon>local_movies</md-icon>
                        Lista de Reproducci&oacute;n
                    </md-button>
                </md-menu-item>
            </div>
            <md-menu-item >
                <md-button ng-click="deleteItem($mdMenu)" ng-disabled="!currentComponent.info">
                    <md-icon>clear</md-icon>
                    Eliminar
                </md-button>
            </md-menu-item>
        </md-menu-content>
    </md-menu>
</div>
</md-toolbar>
<div class="blank">
<div>
    <span>{{regionTitle}}</span>
</div>


{{title}}{{componentName}
创造
设置
http
宝安居；吉娜网
本地电影
生殖与生殖清单；N
清楚的
Eliminar
{{regionTitle}}

从后端提供的示例模板

<!DOCTYPE html>
 <html lang="en">
  <head>
    <link rel="stylesheet" href="../styles/templates/hcc-template/style.css" />
    <link rel="stylesheet" href="../styles/templates/hccf-template/style.css" />
  </head>
  <body>
   <div class="box">

     <div class="header" >

     <div class="region-container" ds-region="123" ds-region-    change='componentSelected' ds-region-get-data='getData'>
    </div>

</div>
<div class="container content">
    <div class="flex-div">

        <div class="region-container" ds-region="333" ds-region-change='componentSelected' ds-region-get-data='getData'>
        </div>

    </div>
    <div class="flex-div">

        <div class="region-container" ds-region="444" ds-region-change='componentSelected' ds-region-get-data='getData'>
        </div>

    </div>
</div>
<div class="footer">

    <div class="region-container" ds-region="23423" ds-region-change='componentSelected' ds-region-get-data='getData'>
    </div>

</div>

</div>
</body>
</html>

查看这是否有帮助：。我想知道是不是你的问题。也许用文件内容而不是ng include测试它，看看是否有效。谢谢你的回复。在ng include中，我得到了模板的url，可以更改，所以我有点被卡住了。我将尝试添加一个plunker

<!DOCTYPE html>
 <html lang="en">
  <head>
    <link rel="stylesheet" href="../styles/templates/hcc-template/style.css" />
    <link rel="stylesheet" href="../styles/templates/hccf-template/style.css" />
  </head>
  <body>
   <div class="box">

     <div class="header" >

     <div class="region-container" ds-region="123" ds-region-    change='componentSelected' ds-region-get-data='getData'>
    </div>

</div>
<div class="container content">
    <div class="flex-div">

        <div class="region-container" ds-region="333" ds-region-change='componentSelected' ds-region-get-data='getData'>
        </div>

    </div>
    <div class="flex-div">

        <div class="region-container" ds-region="444" ds-region-change='componentSelected' ds-region-get-data='getData'>
        </div>

    </div>
</div>
<div class="footer">

    <div class="region-container" ds-region="23423" ds-region-change='componentSelected' ds-region-get-data='getData'>
    </div>

</div>

</div>
</body>
</html>