2

我需要将包含div注销按钮的内容嵌入到我的自定义选择下拉指令之一中，但是嵌入的内容不会最终出现在指令模板内，而是出现在外部。如果我只是放一段字符串，例如Some content在指令而不是 HTML 中，则 transclude 有效。但是，一旦我放入 HTML，它就会拒绝工作。

所以我的问题是将 HTML 内容转入指令模板的正确和最简单的方法是什么？

指示：

coForms.directive('coSelect', [function() {

    return {
        restrict: 'E',
        scope: {},
        transclude: true,
        controller: 'CoFormsCtrl',
        controllerAs: 'co',
        templateUrl: 'app/views/components/co-forms/co-select.html',
        link: function(scope, element, attrs, ctrl) {


        }
    };
}]);

用法：

<!-- This is inside a loop, where it should only appear for the first row, hence the ng-if="$first" -->
<co-select>
    <div ng-if="$first" class="logout-wrapper">
        <a ng-href="/logout">
            <button class="btn-danger plain">Logout</button>
        </a>
    </div>
</co-select>

模板：

<div>
  <ul>
    <li>The options list yo</li>
  </ul>
  <!-- Transcluded content should go here -->
  <div ng-transclude></div>
</div>
4

0 回答 0