ngonchanges

0熱度

1回答

有兩個組件：parentComponent和ChildComponent，它在父級中定義。在parentComponent中有一個局部變量，它用作傳遞給ChildComponent的輸入屬性的值（使用getter）。 ParentComponent.ts： @Component({ selector:'parent-component', template:` <h1>parent com

0熱度

1回答

角2雙向組件綁定不調用父ngOnChange

我創建了一個plunker這裏： http://plnkr.co/edit/8bwqkYQ6tqrpGwHT588y?p=preview ，顯示問題。基本上，我有2個組件。第一個組件具有屬性與子組件的雙向綁定。我的父組件是： import { Component, Input, Output, EventEmitter } from '@angular/core' import { Chil

0熱度

2回答

對Angular 2組件的編程更改在單元測試中不執行ngOnChanges

我有一個相當簡單的工作Angular 2組件。該組件根據我已排序的值數組呈現一些div同級元素。該組件實施OnChanges。排序功能發生在執行ngOnChanges()期間。最初，我的@Input()屬性引用了未排序值的數組。一旦更改檢測啓動，生成的DOM元素將按預期進行排序。我寫了一個Karma單元測試來驗證組件中的排序邏輯已經發生，並且預期的DOM元素按排序順序呈現。我以編程方式在單元測試

1熱度

1回答

在@Input（）之後，數組是否改變爲對象？

我是Angular 2的新手，我想通過@Input（）將一個在父組件中創建的數組傳遞給它的子節點。在父項中，我創建數組，從服務中添加數據並將其顯示在控制檯（控制檯輸出1）中。在子組件中，我使用ngOnChanges再次在控制檯中顯示它（控制檯輸出2）。正如你在下面看到的，數組的長度從12變爲0.我想這是因爲當數組傳遞給子對象時，數組變成了對象？我該如何解決這個問題？父 import { Co

1熱度

1回答

ngx-chart：顯示實時數據，角度4.3

我想要顯示ngx-chart-gauge中的一些實時數據。我用這個演示來構建它： https://swimlane.gitbooks.io/ngx-charts/content/v/6.0.2/charts/gauge.html 我從服務中獲得我的livedata，並且想要在ngx-chart-gauge中顯示數據。我從服務ClassdataproviderService獲取數據，該數據將對象保

0熱度

1回答

$ onChanges在非組件控制器

我正在使用角1.5和我有控制器，但它不是一個組件，只是通常的控制器。我試圖在這裏使用$ onChanges，但它不起作用。那麼，實際上可以在非組件控制器上使用$ onChanges嗎？

0熱度

2回答

在ngOnChanges鉤子中對SimpleChanges接口進行類型檢查

如果我們在當前Component的ngOnChanges鉤子的SimpleChanges typescript參數內進行類型檢查，那將會很棒。這樣可以防止我們檢查屬性中的錯誤。

0熱度

4回答

ngOnChanges只在有動作時才起作用

我使用XMLHttpRequest創建了我自己的上傳文件組件，一切正常......我唯一的問題是我創建了一個更新上傳進度的回調方法，以便用戶可以看到百分比。如果我做progrees的consolo.log（），我可以看到它是如何從0增加至100 但屏幕不反映......我有這個功能在該組件： ngOnChanges(){ if(this.progress == 100){ this.

1熱度

1回答

角度 - ExpressionChangedAfterItHasBeenCheckedError綁定

我有一個<input>字段和一個組件具有通用模型綁定。我在組件中使用ngOnChanges()來檢查該輸入的值，並且我正在改變綁定到該組件中該輸入的模型。假設我們將date變量綁定到<input>和組件。我的代碼 input field changed (also date changed) --> ngOnChanges --> new value of date doesn't fit

0熱度

2回答

NgOnChanges不會在HTTP請求後觸發

我有一個ngonchanges沒有觸發的問題。我有這個組件： @Component({ selector: 'conversation-detail', templateUrl: './conversation-detail.component.html' }) export class ConversationDetailComponent implements OnC