Question

当我使用双向绑定语法时，角度材质元素工具栏不接受经过硬编码的组件变量。

它的行为就像不存在。

我在那里尝试过对其进行硬编码，当然可以。双向绑定是较简单的绑定之一，它应该可以工作！

export class HeaderComponent implements OnInit {

  currentUser = 'charlmers';

<div style="height: 100vh;">
  <mat-toolbar color="accent">
    <mat-toolbar-row>
      <span>{{currentUser || 'no user'}}</span>
      <span class="example-spacer"></span>
    </mat-toolbar-row>
  </mat-toolbar>
</div>

“无用户”出现在工具栏上，但我的实际字符串没有。

有什么想法吗？

Answer 1

尝试一下。如果它不起作用，请检查控制台，让我知道您遇到的错误。

 <div style="height: 100vh;">
  <mat-toolbar color="accent">
    <mat-toolbar-row>
      <span>{{currentUser ==''?'no user':currentUser}}</span>
      <span class="example-spacer"></span>
    </mat-toolbar-row>
  </mat-toolbar>
</div>

Mat-toolbar不会将组件变量绑定到模板

1 个答案: