如何使用 @Output() 属性 内联而不使用控制器中的函数

Question

是否可以在其父 <mat-tab> 中使用 countRitiri 输出 属性 而无需调用当前组件 updateCountRitiri 中更新变量 countRitiri 因此在 <mat-tab> 模板中使用

这是我的实际情况：

<mat-tab [label]="'Total count: (' + countRitiri + ')'" >
          <ant-ritiri-compact (countRitiri)="updateCountRitiri($event)"></ant-ritiri-compact>
</mat-tab>

并在组件中

updateCountRitiri(value)
  {
    this.countRitiri = value;
    
  }

也许使用模板变量...或一些类似的技巧

我想做类似的事情

//pseudocode

<mat-tab #mytabvariable [label]="'Total count: (' + countRitiri + ')'" >
          <ant-ritiri-compact (countRitiri)="($event) => { #mytabvariable.label = $event }"></ant-ritiri-compact>
</mat-tab>

Answer 1

如果 countRitiri 没有被声明为 private 或 protected，那么是的，你可以像这样直接在它的组件模板中使用它

<mat-tab [hidden]="countRitiri == 0" [label]="'Total count: (' + countRitiri + ')'" >
          <ant-ritiri-compact (countRitiri)="countRitiri = $event"></ant-ritiri-compact>
</mat-tab>