如何使用（Input ...）angular2获取正确形式的代码html

Question

我需要将输入的所有代码作为[input]并标记为#tag

因为当我尝试使用jquery console.log($("#content")[0].outerHTML);

获取代码html时

例如，这部分代码变为

 <div dnd-droppable [dropZones]="['docGrid']" (onDropSuccess)="transferDataSuccess()" class="page" id="content" size="A5" layout="portrait" >
                    <div #content  hidden></div>
                </div>

像这样

<div _ngcontent-ugk-10="" class="page" dnd-droppable="" id="content" layout="portrait" size="A5" ng-reflect-dropzones="docGrid">
                    <div _ngcontent-ugk-10="" hidden=""></div>
                </div>

我需要像我在IDE中写的那样来感谢

Answer 1

无法做到这一点，但您可以获得Component的内嵌模板。但你无法改变它。要获取内联模板（以及组件上只有1个注释），您可以使用：

Reflect.getMetadata('annotations', ComponentClass)[0].template;

例如，如果您有AppComponent：

@Component({
   selector : 'app',
   template : '<div>hi</div>'
})
export class AppComponent {

   constructor() {
      console.log(Reflect.getMetadata('annotations', AppComponent)[0].template;) 
      //<div>hi</div>
   }

}