Question

如果我有Component类

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent implements OnInit {
}

和index.html是

<div>
<my-app></my-app>
</div>

该组件的宿主元素是什么？是<div>还是<my-app>？如果是<my-app>，是否有办法从<div>访问AppComponent（AppComponent的父级）？

Answer 1

对于指令，它是指令附加到的元素。例如h1是下面示例中的宿主元素

<h1 my-directive>
</my-comp>

对于组件，它是组件的选择器。例如

selector: 'my-comp'
template: '
<h1> some heading </h1>
.....

<my-comp></my-comp>  <!-- my-comp is the host element of h1 -->

Angular中组件的Host元素是什么

1 个答案: