在Angular中转换HTML内容的正确方法是什么？

Question

我需要将包含注销按钮的div转换为我的一个自定义选择下拉指令，但是被转换的内容不会在指令模板内部结束，而是在外部。如果我只是在指令中放入一段字符串，例如Some content而不是HTML，那么转换就可以了。但是，只要我放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>