替换的替代方法：对于angularJS指令为true

<button ng-click="doSomething()" important-model="outerCtrl.theModel">
    important text
</button>

<div my-button-component>
</div>

<button my-button-component ng-click="doSomething()" important-model="outerCtrl.theModel">
</button>

首先,我不认为替换：在不久的将来会被删除.它已被弃用,但在任何有角度的1.X版本中摆脱它将是一个突破性的变化,所以我认为你好,直到Angular 2.0发布. Angular 2.0将会破坏更多,所以我不会过分担心如何使现有的应用程序无需替换：true. 2.0可能具有某种等效功能,但将现有应用程序迁移到2.0可能不是您想要做的事情.

但是,假设地回答你的问题：

replace：true做两件事：

1)它用指令模板替换DOM中的元素.

2)它将DOM中元素的属性与指令模板合并.

(2)实际上是该特征的非平凡部分,围绕它的边缘情况是Angular团队想要摆脱它的原因.

例如,如果您的元素是：

<div some-directive ng-click="doSomething()"><div>

而someDirective有一个模板：

<div ng-click="doSomethingInDirective()"></div>

更换节点后哪个优先？替换的逻辑：true目前做出这些决定并为您提供一切.

如果由于某种原因,替换：true从1.X中删除(它不会),你做什么？

答案是你将不得不手动执行替换：true现在做,哪个(简化)是：

1)获取原始元素的属性

2)将原始元素的属性与指令模板合并,跟踪作为指令的属性和非指令的属性,并跟踪每个指令的声明位置(在原始元素或模板中).

3)通过编译合并属性指令和指令模板指令来编译指令模板.

4)将作为原始元素一部分的合并属性指令链接到$parent范围,将所有其他指令链接到指令范围.将指令链接到指令范围

4a)必要时执行转换(transclude：true,模板包括ng-transclude)

5)用完全链接的指令模板替换原始元素.

以下是Github的相关代码：

if (directive.replace) {
            replaceDirective = directive;
            if (jqLiteIsTextNode(directiveValue)) {
              $template = [];
            } else {
              $template = removeComments(wrapTemplate(directive.templateNamespace,trim(directiveValue)));
            }
            compileNode = $template[0];

            if ($template.length != 1 || compileNode.nodeType !== NODE_TYPE_ELEMENT) {
              throw $compileMinErr('tplrt',"Template for directive '{0}' must have exactly one root element. {1}",directiveName,'');
            }

            replaceWith(jqCollection,$compileNode,compileNode);

            var newTemplateAttrs = {$attr: {}};

            // combine directives from the original node and from the template:
            // - take the array of directives for this element
            // - split it into two parts,those that already applied (processed) and those that weren't (unprocessed)
            // - collect directives from the template and sort them by priority
            // - combine directives as: processed + template + unprocessed
            var templateDirectives = collectDirectives(compileNode,[],newTemplateAttrs);
            var unprocessedDirectives = directives.splice(i + 1,directives.length - (i + 1));

            if (newIsolateScopeDirective) {
              markDirectivesAsIsolate(templateDirectives);
            }
            directives = directives.concat(templateDirectives).concat(unprocessedDirectives);
            mergeTemplateAttributes(templateAttrs,newTemplateAttrs);

我不会很快出去写你自己的版本.任何需要替换的代码：true也需要Angular 1.X,因此它将受支持.当您准备使用Angular 2.0编写新应用程序时,将会有另一种(希望更好)的方法来执行此操作.