NgOnChanges不會在HTTP請求後觸發

我有一個ngonchanges沒有觸發的問題。NgOnChanges不會在HTTP請求後觸發

我有這個組件：

@Component({ 
    selector: 'conversation-detail', 
    templateUrl: './conversation-detail.component.html' 
}) 
export class ConversationDetailComponent implements OnChanges{ 
    @Input() 
    selectedConversation: Conversation; 

    title = 'Conversation Detail';  
    convoMessages: Array<Message> = []; 


    constructor(
      private _messageService: MessageService 
    ){}; 

    ngOnChanges(changes: SimpleChanges){   
     this.getMessages(); 
    } 

    ngOnInit(): void{ 

    } 

    private getMessages(){ 
     if(this.selectedConversation != undefined){ 
      this._messageService.getMessagesForConversation(this.selectedConversation.ConversationId).then(
       data => { 
        if (data) { 
         this.convoMessages = data.serviceResult as Array<Message>; 
        } else { 
         //This really should never happen 
         console.error('Error retrieving users data: Data object is empty'); 
        } 
       }, 
       error => { 
        //loader.dismiss(); 
        console.error('Error retrieving users data'); 
        console.dir(error); 
       } 
      ); 
     } 
    }  

}

的ngonchanges將觸發第一次selectedConversation變化。 GetMessages被調用並加載消息數據。之後，當selectionConversation更改時，ngonchanges不再觸發。

如果我將函數調用註釋到getMessages，那麼ngonchanges將在每次selectedConversation更改時觸發。

所以，我不確定getMessages中發生了什麼，切斷了ngonchanges的發射。請求返回數據，通話結束。有人有主意嗎？

來源

2017-04-21 HarvP

您是否檢查控制檯以查看是否沒有阻止代碼進一步執行的js錯誤？ – Meir

控制檯中沒有錯誤。 – HarvP

ngOnChanges僅觸發如果@Input變化reference，例如輸入類型string，boolean，number，不可變的對象。

承擔[selectedConversation]綁定到一個數組arrSelected，如果你這樣做arrSelected.push，數組不會改變ref所以ngOnChanges不會閃光。

所以你不用使用不變的陣列，使用concat，slice等改變數組引用

來源

2017-04-21 13:38:42

請改變你的組件爲：

@Component({ 
    selector: 'conversation-detail', 
    templateUrl: './conversation-detail.component.html', 
    changeDetection: ChangeDetectionStrategy.Default 
})

這工作對我很好。

來源

2017-04-25 09:35:44

NgOnChanges不會在HTTP請求後觸發

回答

相關問題