偵聽組件以更改角度 8 中的 @Input() 值

Question

嗨，我有這個組件。 在這個組件中，我有@Input() userId: number[] = []; 用於將 id 列表發送到此組件。

我在其他組件中使用這個組件，例如我在news組件中使用它：

<kt-user-post-list-select [userId]="noWriterIdList" (selectedUserId)="getSelectionUserList($event)">
</kt-user-post-list-select>

當我向服務器發送添加新聞的請求時，它返回給我的 id 列表： [1,2,3]然后我必須將該 id 發送到帶有此[userId]="noWriterIdList"的kt-user-post-list-select [userId]="noWriterIdList" ，但我有問題：我需要將列表傳遞給該組件時，它會跟蹤更改並執行此功能：

    validateUSerIsWriter(ids: number[]): void {
    for (let id = 0; id < ids.length; id++) {
        let user = this.users.find(x => x.userId = id);
        if (user != null) {
            user.isDeleted = true;

        }
    }
}

但它沒有任何工作。

我怎么解決這個問題 ？？？

Answer 1

有2種方式

1. 在kt-user-post-list-select組件中使用ngOnChanges鈎子。 所以你可以監聽新的 Id 並執行函數validateUSerIsWriter 。 但請記住，這會導致性能下降。

2. 使用Subject訂閱 newIds，並執行函數validateUSerIsWriter 。 在這種情況下，您不需要@Input裝飾器。 請參考這個簡單的例子https://stackblitz.com/edit/angular-subject-observable