Angular 4删除标记但不包括childs

Question

我需要做这样的事情

cat /proc/stat | grep '^cpu ' && sleep 1 && cat /proc/stat | grep '^cpu '

但我不想重复所有模板，有更好的选择吗？也许有指令或类似的东西

Answer 1

添加新的组件文件

import { Component } from '@angular/core';

@Component({
  selector: 'app-test-page',
  template: `<img src="/assets/something.png">
             <span>{{ text }}</span>`,
  styleUrls: ['./test-page.component.css']
})
export class TestPageComponent {

    text:any='Title';

  constructor() {
    console.log('test page load....');
   }

}

并将选择器放在您的组件文件中

<md-card *ngIf="!asButton">
  <app-test-page></app-test-page>
</md-card>

<button *ngIf="asButton" md-button>
  <app-test-page></app-test-page>
</button>