如何調用 Angular 中任何組件的特定公共方法，例如 `ngOnInit` 的工作原理

[英]How can I call a specific public method of any component in Angular, like how `ngOnInit` works

在我的項目中，我有很多組件。 我有一個事件處理程序。 當特定事件發生時，我想通過名稱調用組件內的特定方法（如果它存在於任何組件中）。 請找到以下示例： 在這里，我希望在事件發生時調用onMyEvent() ，如下所示： 該場景類似於ngOnInit() 、 ngAfterViewInit() .. ...

如何等待 DOM 渲染

[英]How to wait for DOM to render

在進入下一個功能之前，我必須等待 DOM 呈現。 這是流程/生命周期： 推入數組： 觸發試圖從第 3 步訪問 HTML 的函數。 HTML 呈現它： 這就是問題所在，HTML 渲染應該是第 2 步。但這不是 Angular 生命周期的工作方式，為了解決這個問題，我將第 2 步包裝到 SetTime ...

Angular 父組件模板更改后如何從子調用方法

[英]Angular How to call method from child after parent component template changes

我有一個父組件，它有一個側面菜單和內容。 在內容內部，使用 router-outlet 呈現子組件。 按下按鈕調用方法 菜單折疊或展開 我應該等待內容寬度發生變化，然后在子組件中，運行重新渲染 web shell (xterm.js) 的方法。 子組件訂閱存儲中的更改。 在調試器中，代碼執行順序如下 ...

Angular - 對導航后呈現的內容做出反應

[英]Angular - React to content rendered after Navigation

我有一個 angular 應用程序，其中包含幾個不同的組件和顯示用戶創建的 html 內容的頁面。 內容完全加載后，我需要在其中搜索特定元素並向它們添加 onclick 事件。 所以我的想法是訂閱路由器並對 NavigationEnd-Events 做出反應以篩選 DOM。 問題： DOM 在 Na ...

Angular 組件 - 每次顯示視圖時實現數據

[英]Angular component - actualize data every time view is shown

我正在使用離子。 關於在組件中實現數據，我有一個非常基本的問題。 我通過 httpservice 在組件ngOnInit方法中獲取數據。 這僅執行一次，但每次顯示此組件時都應執行此操作。 這樣做的適當方法是什么。 ...

為什么在檢查視圖之前調用 ExpressionChangedAfterItHasBeenCheckedError 錯誤 - Angular

[英]Why am I getting ExpressionChangedAfterItHasBeenCheckedError Error when it is called before View is Checked - Angular

這是我的代碼主頁組件.ts 主頁-component.html 在上面的代碼中，我在 ngAfterViewInt 生命周期掛鈎中將屬性值從 false 更改為 true，但我的問題是為什么我會得到 ExpressionChangedAfterItHasBeenCheckedError 根據文檔 ...

角度更新@Input() 對象

[英]Angular update @Input() Object

我有一個自定義接口的 GameStats 對象。 如果我更改屬性的值，子組件將無法識別它。 我找到了沒有被解雇的 ngOnChanges 和仍然包含舊值的 ngDoCheck 的解決方案。 我的示例代碼： app.component.html app.component.ts（更新屬性） ...

我們是否需要有角度的 afterViewInit 生命周期鈎子？

[英]Do we need afterViewInit lifecycle hook anymore in angular?

我們知道，當組件最終完成其視圖的初始化時， afterViewInit 生命周期鈎子會被觸發一次。 因此，如果任何組件必須使用它的 viewChild，那么這個生命周期鈎子就可以在組件內部調用它。 但是現在我們不必依賴 afterViewInit 生命周期，因為我們可以通過將“static”屬性設 ...

導航到不同頁面時 Ionic 3 生命周期事件亂序發生

[英]Ionic 3 Lifecycle events happening out of order when navigating to different pages

使用nav.setRoot(page)從一個頁面導航到另一個頁面時，為什么當前頁面的iOnViewWillLeave事件處理程序在目標頁面的iOnViewDidLoad已經執行后捕獲離開事件？ 我需要在離開視圖時取消訂閱一個事件，然后在進入目標頁面時再次訂閱該事件，但是它目前在進入目標頁面后取消訂閱 ...

Angular 當從 Constructor 調用 httpClient 時組件構造函數加載兩次

[英]Angular Component constructor loads twice when httpClient is called from Constructor

Angular 當從同一個構造函數調用 httpClient 函數時，構造函數加載兩次。 不建議從構造函數調用 api 嗎？ ...

監聽被 ng-content 替換的元素的 className 變化

[英]Listen to className changes on an element replaced by ng-content

我需要在被<ng-content>替換的元素上收聽 class 名稱更改。 我嘗試了很多方法，我發現的唯一方法是使用setInterval ，我認為這不是一個好習慣。 假設我將在<app-child>組件中注入一個input元素@Component({ selector: ...

我們可以在 ngAfterViewInit() 而不是 ngOnInIt() 中設置輸入屬性嗎？

[英]Can we set the input properties in ngAfterViewInit() instead of ngOnInIt()?

通常 ngOnInit() 用於在組件初始化時設置輸入屬性。 同樣，我們可以在 ngAfterViewInit() 而不是 ngOnInit() 中設置相同的輸入屬性嗎？ 我們可以在 ngAfterViewInit() 上實現我們通常在 ngOnInit() 下執行的所有這些操作嗎？ 上面的問題是 ...

ngIf 對 ngAterViewInit 的影響

[英]Effect of ngIf on ngAterViewInit

我在 ngAfterViewInit 生命周期鈎子中發出一個事件，並使用 ComponentRef 在另一個組件中監聽該事件。 在我在父組件上使用 ngIf 之前，它運行良好。 那么，ngIf 對 Angular 生命周期鈎子的這種影響是什么？ 現在，我將其可見性設置為隱藏但想使用 ngIf。 ...

Angular 服務發生變化時的生命周期掛鈎

[英]Angular Lifecycle hook when there is a change on service

我有一項服務 - 讓我們致電 ServiceA， 這會產生多個 HTTP 調用，我想在計算所有內容時檢索信息。為此，我有一個 boolean 變量 - isEverythingProcessed，當這種情況發生時。 在我的組件上 - 讓我們調用 ComponentB， 我正在做： 這行得通，但它被調 ...

同時打開同一個 angular 組件作為不同的實例

[英]Open same angular component as different instances at the same time

我有一個 angular 組件，它有一個數據源列表，該組件是從服務的 BehaviourSubject 訂閱的。 在 list.component.html 模板文件中： 在 list.component.ts 文件中： 單擊列表中的項目時，它會在同一個表中加載所選項目的子項目。 現在，我在這個組件 ...

Angular 手動設置的@Input 值在ngOnChanges 中仍然被相同的值覆蓋

[英]Angular manually set @Input value is still overwritten with the same value in ngOnChanges

我有一個父組件employees.component.ts和一個子組件employee.component.ts 。 父母的模板分為兩部分——寬度的 20% 是一個 PrimeNG 樹組件（它的節點代表不同的員工），rest 是給孩子的。 孩子的模板是一種表格，您可以在其中更改所選員工的數據或添加新 ...

應為方法 ngOnChanges 實現 Angular 生命周期接口 OnChanges

[英]Angular Lifecycle Interface OnChanges should be implemented for method ngOnChanges

Tslint 正在發送警告，指示應為方法ngOnChagnes生命周期掛鈎實現OnChanges 。 如果我將ngOnChanges更改為OnChanges則警告不存在。 ...

如何知道動態創建的 Angular 組件何時可以在 DOM 中請求？

[英]How to know WHEN a dynamically created Angular component is available to request in the DOM?

我像這樣動態創建一個 Angular 組件（代碼被簡化，有一些缺失的部分）： 我必須等待大約 200 毫秒才能讓我的組件在 DOM 中可用以請求......否則它返回未定義。 我試圖在MyComponent中實現ngAfterViewInit ，然后公開一個 observable，以便我可以訂閱它 ...

動態加載外部 javascript 文件在 angular 中不起作用 6

[英]Dynamically load external javascript file not working in angular 6

我正在使用Angular 6 ，正在嘗試在我的項目中添加Bootstrap Multiselect。 但是這里面臨一些問題bootstrap-multiselect.js沒有加載到頁面中。 所以我想動態添加這個bootstrap-multiselect.js文件，但它沒有加載請幫我解決這個問題索引 ...

如何在不調用 fixture.detectChanges() 的情況下綁定模板？

[英]How can I bind the template without calling fixture.detectChanges()?

我正在修復/向現有應用程序添加單元測試。 下面是代碼遵循的模式。 方法調用其他方法。 單元測試使用一些模擬類。 調用 fixture.detectChanges( )就是調用ngOnInit() ，它調用鏈中方法的所有 rest。 我想要的只是調用一種方法， methodC() 。 我調用fixt ...