不太知名的Angular模板特性

简述：

Angular 12刚刚推出，它给模板添加了一个null合并操作符(’ ?? ')。但是，Angular模板还有哪些你可能从未听说过的特性呢?让我们来看看!

ngProjectAs

Angular的内容投影有点像Web Components插槽系统。虽然你可以只写，你放在组件标签中的所有内容都会被投影到那里-你也可以为目标投影添加多个带有" select "属性的内容标签。就像下面的例子:

@Component({
   
  selector: 'layout',
  template: `
    <ng-content select="header"></ng-content>
    <main>
      <ng-content select="aside"></ng-content>
      <ng-content></ng-content>
    </main>
    <ng-content select="footer"></ng-content>
  `,
  styles: [`
    :host {
      height: 100%;
      display: flex;
      flex-direction: column;
    }
 
    main {
      display: flex;
      flex: 1;
    }
  `]
})
export class