mat-sidenav push属性导致生成错误

Question

我在Angular 6上，正在使用mat-sidenav

<mat-sidenav #drawer position="end" fixedInViewport="true" [mode]="push" [opened]="false">

然而，当我运行ng build --prod时，它抛出了一个错误，属性'push‘不存在于类型'MyComponent’上。

一切正常，但是这个错误阻碍了我们的部署过程。

另外，还有一个问题。为什么模式在方括号中。Angular 2+中的方括号不是只在计算表达式时使用吗？在本例中，它只是字符串'push‘，对吗？如果我去掉方括号，sidenav就会停止工作。

Answer 1

如果push是mat-sidenav组件中预期的实际文字值，则在单引号中传递字符串push。

<mat-sidenav #drawer position="end" fixedInViewport="true" [mode]="'push'" [opened]="false">

如果没有传入单引号，角度代码将在组件中搜索一个名为push的变量，并将其值传递给mat-sidenav