javascript - 在组件声明中声明输入而不是使用@Input？

Question

Angular 材质工具栏声明如下：

@Component({
  selector: 'mat-toolbar',
  exportAs: 'matToolbar',
  templateUrl: 'toolbar.html',
  styleUrls: ['toolbar.css'],
  inputs: ['color'],
...

})

inputs: ['color]在组件声明中使用与放入类@Input() color体中是否相同？

还有人知道目的exportAs是什么吗？

标签： javascriptangulartypescriptangular-material

Answer 1

exportAs: 'matToolbar'允许您在模板中使用工具栏。例子：

<mat-toolbar #myToolbarReference="matToolbar">
...
</mat-toolbar>
{{myToolbarReference.color}}

matToolbar此属性表示组件实例（此处为 MatToolbarComponent 实例）可以通过字符串从此元素导出。