Angularjs 和自定义指令，包括其他指令答案

【问题标题】：Angularjs and custom directive including other directiveAngularjs 和自定义指令，包括其他指令
【发布时间】：2014-03-14 16:29:09
【问题描述】：

我想创建一个使用 ui.bootstrap.tabs 的自定义指令。例如我的模板将是

<tabset>
<tab ng-repeat="language in languages" active="$first">
    <tab-heading>
        <img ng-src="language.icon.thumbnail">
    </tab-heading>
    <input ui-if="!multiline" type="text" ng-model="model[language.id].value">
    <div ui-if="multiline">
        <textarea style="width:500px; height:300px;" type="text" 
                  ui-tinymce ng-model="model[language.id].value">
        </textarea>
    </div>
</tab>
</tabset>

指令是：

function() {
        return {
            transclude: true,
            restrict : 'C',
            replace : true,
            scope : { label: '@', id: '@', multiline: '@', model: '=', languages: '=' },
            templateUrl: '/components/multilang-text/template.html'
        };

但它不起作用！我有这个error

我认为问题在于每个指令都使用一个模板...

你能帮帮我吗？

谢谢！

【问题讨论】：

标签： angularjs angularjs-directive angular-ui-bootstrap

【解决方案1】：

您的问题很可能与替换有关；尝试将其设置为 false/ 将其排除在外。或者，将模板 HTML 包装在容器中 - 例如<div>。原因大致是您的指令和<tabset> 都声称应用了您的指令的元素。

此外，您的模板中没有嵌入；你真的需要transclude: true吗？

【讨论】：