為什么不能正確獲取從父組件傳遞給子組件的值呢？

Question

我需要通過輸入將一個變量值從父組件傳遞給子組件。 也就是通過上面的ng-container接收到的screenMode值需要交給add-user子組件。

<ng-container *ngIf="screenMode == screenStateEnum.ADD_USER || screenMode == screenStateEnum.EDIT_USER">

<add-user [screenMode] = "screenMode" [userId]="selectedRow?.userId" (goToUsers)="refresh()"></add-user>

</ng-container>

在 add-user.component 中有@Input() screenMode: string; 但是這個輸入總是為 EDIT_USER 返回 0，為 ADD_USER 返回 1。

Answer 1

這些值意味着您的screenStateEnum枚舉是一個數字枚舉，看起來像這樣：

enum screenStateEnum {
  ADD_USER,
  EDIT_USER
}

如果您想要字符串值，則必須使用字符串 enum 。 這可能看起來像：

enum screenStateEnum {
  ADD_USER = 'ADD_USER',
  EDIT_USER = 'EDIT_USER'
}

---

當然，您也可以只更改輸入字段的類型：

@Input() screenMode: string;

至：

@Input() screenMode: screenStateEnum;