如何在 Angular(v14) 中更新@ViewChildren（或@ContentChildren）的 styles
[英]How to update the styles of @ViewChildren (Or @ContentChildren) in Angular(v14)
我正在嘗試創建一個輪播組件，該組件根據它將獲得的任何大小列表具有 n 個子組件。 我希望父項（旋轉木馬）控制子項的樣式，因為它操縱列表的大小並跟蹤索引以圍繞旋轉木馬旋轉項目並相應地設置樣式。 將有按鈕來控制此行為。 我正在嘗試應用 styles 並使功能正常工作，但似乎無法通過使用視圖子項和模板 ...
如何創建組合多個模板的 Angular 指令？
[英]How to create an Angular directive that combines multiple templates?
我正在嘗試創建一個自定義指令，允許我從 json / ts object 讀取模板並將其插入我的指令模板中。 例如，在配置文件/數據庫/ts 文件中，我有：{ //... text: '<p>Many of our tools ...AD Groups:</p>< ...
如何收聽 Angular 應用程序之外的 html 元素？
[英]How to to listen to an html element that is outside angular app?
我在下面有兩個 HTML 元素， 我知道我可以使用 renderer2 使用模板引用訪問第一個 P 元素，但我不確定如何在沒有模板引用的情況下訪問第二個 P 標簽。 在我們的案例中， 我們的模態在我們的 Angular 應用程序之外提供。 我需要向我直接無法訪問的模式的關閉按鈕添加一個點擊事 ...
Angular 訪問在 renderer2 設置屬性中指定的 function
[英]Angular accessing function specified in renderer2 set property
我有一個使用renderer.setProperty用“a href”替換表值的指令。 附加到“a href”的是一個“click”屬性，我不確定如何訪問 function：“onClickAccountLink($event)”或向其添加編程 function。 我嘗試在同一指令中添加相同的 f ...
在 Angular 11 中終止運行腳本標簽的執行
[英]Kill execution of a running script tag in Angular 11
目前我有一個 Angular 組件，它使用 Renderer2 庫將腳本標簽列表附加到 DOM 中，這些腳本的代碼是從外部源檢索的。 在以下代碼段中， scripts數組是源鏈接列表。 在這種情況下，我無法從中修改 JS 代碼： 我試圖從 DOM 中刪除它們，但腳本繼續執行： 我想要的是讓 pid ...
添加一個<p>標記到</p><div>在 Angular</div><div id="text_translate"><p> 這是我的 html 代碼：</p><pre> <div id="gameboard"> </div></pre><p> 這是我在 .ts 文件中的代碼</p><pre>document.getElementById('gameboard')?.append('<p>Hello</p>')</pre><p> 使用此代碼，我想將<p>標簽添加到我的<div id="gameboard"> 。 單擊按鈕時，應執行此代碼的所有內容。 但不知何故什么也沒發生</p></div>
[英]Adding a <p> tag to a <div> in Angular
這是我的 html 代碼： 這是我在 .ts 文件中的代碼 使用此代碼，我想將<p>標簽添加到我的<div id="gameboard"> 。 單擊按鈕時，應執行此代碼的所有內容。 但不知何故什么也沒發生 ...
使用 Renderer2 向元素添加指令
[英]Adding directive to an element using Renderer2
我有一個指令，當您懸停元素時實現滑塊，如果您在懸停圖像時訪問此站點，該指令使其他圖像絕對為主圖像並啟用箭頭以滑動到下一個圖像，唯一的問題是我有一個 appLazyLoadWithLoading 指令，當圖像在頁面中可見且不在屏幕外時加載圖像，並在加載之前添加加載，我正在尋找一種將指令添加到創建的 i ...
如何更新動態創建的 Angular 材質組件的屬性綁定（例如 ProgressBar 或 Spinner）
[英]How to update a dynamically created Angular Material Component's property binding (e.g. ProgressBar or Spinner)
描述我想從指令中創建和控制 Material ProgressBar。 問題我無法更新 ProgressBar 的value屬性（盡管其他所有內容，例如mode ）。 Stackblitz： https://stackblitz.com/edit/angular-mat-progress-bar ...
如何測量 Angular 中 HTML 元素的元素寬度？
[英]How to measure element width of an HTML element in Angular?
我想動態創建一個元素，然后獲取它的 clientWidth。 使用常規 DOM API 的代碼片段如下所示。 HTML 代碼段： 該元素的 css 屬性可見性設置為“隱藏”。 打字稿/ Javascript 片段 如何使用 Angular 的 Element Ref 和 Renderer2 AP ...
嘗試在 Angular 中使用 ViewChild 注釋時出錯
[英]Error when trying to use ViewChild annotation in Angular
我正在嘗試像這樣使用 ViewChild： 這是模板： 但是，ViewChild 注釋顯示此錯誤： 制作目標 ES5 不是我的解決方案，因為我不想那樣做。 有什么方法可以使用 ViewChild 嗎？ 我指的是這個教程： https://www.tektutorialshub.com/angular ...
使用 Angular 中的 Renderer2 渲染 SVG
[英]Rendering SVGs using Renderer2 in Angular
如何使用 Angular 中的 Renderer2 渲染SVG （我已本地存儲在我的項目中）？ 我嘗試這樣做： 但它實際上將渲染器作為文本。 有人可以幫忙嗎？ ...
如何在 Angular 10 中使用自定義指令設置元素的占位符？
[英]How to style placeholder of an element using custom directive in Angular 10?
我有一個使用 Element Ref 和 Renderer 2 來設置元素樣式的指令。 我想知道如何在此指令中使用渲染器或任何其他方式設置占位符的樣式。 代碼 TextSizeDirective.ts 應用組件.html ...
使用 Angular 中的 renderer2 在按鈕中設置（單擊）屬性
[英]Set (click) attribute in button using renderer2 in Angular
我正在嘗試創建一個基於聊天的應用程序，在其中我根據要求創建每種類型的聊天彈出窗口並使用Angular Renderer2 。 我嘗試在 UI 中呈現聊天消息元素時向聊天消息元素添加(click)屬性。 我收到了這個錯誤： DOMException：無法在“元素”上執行“setAttribute”： ...
Angular 8 設置 ngSstyle 和讀取 offsetwidth 給出舊值
[英]Angular 8 setting ngSstyle and reading offsetwidth gives old values
我無法為小型自定義上下文菜單獲取正確的值。 通過ngStyle設置 styles 時。 像下面這樣進行操作時，組件將正確呈現，但console.log將顯示元素實際 position 的錯誤值 ( -9999px )。 我不想用 setTimeout 之類的東西來破解它。 有沒有更好的方法來做到這一 ...
Angular 帶固定拇指標簽的材料墊滑塊
[英]Angular Material mat-slider with fixed thumblabel
我想使用帶有拇指標簽的墊子滑塊，它在移動時不會與 slider 一起移動。 我看到它的方式整個'mat-slider-thumb-container'沿着slider以'transform：translateX（xx％）'風格移動所以我猜我是否添加了相同的風格但使用-xx％ 'mat-slider- ...
angular 事件監聽文檔加載
[英]angular event listener document loaded
在加載文檔后，我正在嘗試 select angular 組件中的所有前置元素。 ngAFterViewChecked、ngAfterContentChecked、ngAfterContentInit基本上在文檔加載之前運行了 30 次，這會降低我的應用程序的速度。 因此，剩下 ngAfterVie ...
角度渲染器 setStyle 不會應用線性漸變
[英]Angular renderer setStyle will not apply linear-gradient
Angular 的 renderer2 不會應用線性漸變 CSS。 誰能看到我錯過了什么？ 這是一個stackblitz repro ...
將數據發送到 Angular 工具提示指令
[英]Sending Data to an Angular Tooltip Directive
我在網上找到了一個工具提示指令的例子。 我需要擴展它以便我可以將數據傳遞給工具提示並將其呈現在 *ngFor 中。 到目前為止我有 app.component.html 工具提示.directive.ts 我可以記錄數據以便接收它，但我不確定 createEmbeddView、rootNodes 和 ...
Angular：如何添加全局 CSS（例如添加到正文），但僅針對一個特定頁面？
[英]Angular: How to add global CSS (e.g. to the body), but only for one specific page?
我怎樣才能在角添加單獨的CSS一個頁面？ 這是我需要的 CSS，根據如何從打印頁面中刪除 URL？ ： 但是使用::ng-deep或ViewEncapsulation.None將 CSS 放入組件在這里ViewEncapsulation.None ，因為當導航離開頁面時，頁面的 CSS 不會 ...
renderer2 在父節點之后追加子節點
[英]renderer2 append child node after parent node
我想在父節點after附加新的子節點after但appendChild將其附加inside其中。 這是我所擁有的： 我的component.html ： 我的component.ts ： 這會插入在parent節點內創建的新div ，如下所示： 但是如何將它附加到parent節點之外 ...