[英]Using ngClass within expressions in ngFor Angular
我想做一個過濾器。 我有一個標題字段和一個計數字段。 在標題字段中,我 select 產品,然后我 select 復選框中過濾器的參數。 計數字段應包含所選產品過濾器的數量。 如果計數器為空,則為灰色,如果值 > 0,則為紅色。 我嘗試使用 ngClass 來完成此操作,但每次計數的顏色都會 ...
[英]Using ngClass within expressions in ngFor Angular
我想做一個過濾器。 我有一個標題字段和一個計數字段。 在標題字段中,我 select 產品,然后我 select 復選框中過濾器的參數。 計數字段應包含所選產品過濾器的數量。 如果計數器為空,則為灰色,如果值 > 0,則為紅色。 我嘗試使用 ngClass 來完成此操作,但每次計數的顏色都會 ...
[英]Get error: Cannot find a differ supporting object '[object Object]' of type 'object' NgFor only supports binding to Iterables, such as Arrays
我正在使用 Strapi 開發 Angular 應用程序,但我無法從 Strapi 獲得 output。 這是我的 HTML 申請頁面: 這是ts文件: 服務.ts: 我試圖更改ngFor文件中的 ngFor,但這是錯誤: 找不到不同的支持 object '[object Object]' of ...
[英]Angular 15, child component doesn't emit string to parent
我有這個子組件 (filters.component.ts),我試圖從中向父組件發出一個字符串。 我已經用不同的組件完成過一次,但似乎 Angular 不喜歡我實現 *ngFor 來循環遍歷字符串數組並將類別字符串傳遞給方法? 我嘗試將控制台日志添加到 home.component.ts 中的 on ...
[英]Mat-select doesnt display the array content in ngfor
我有一系列國家,我想在墊選選項列表中顯示。 我在this.lngCountries中收到類似 object 格式的數據,因此我需要先轉換為數組。 我認為在加載 ngfor 之前數組不完整。 我如何等待我的 function 完成? 因為我的問題是當頁面加載時我的數組 ngfor 仍然是空的。 我的代 ...
[英]Angular *ngFor doesn't find array
我正在從我的 localstorage 條目中創建一個數組,我試圖讓*ngFor迭代它們。 然而,我主要以以下錯誤告終: 我究竟做錯了什么? 預先感謝您的回答:) 從存儲 function 中獲取所有項目: 在 component.ts 中獲取字符列表: 組件 html: 嘗試使用和不使用接口實現, ...
[英]Update an object array via ngmodel from a child component Angular
我對 React 更熟悉。 我的問題似乎很普遍。 首先,我有一個 TreeDataStructure class。在這個 class 中,我有一個“過濾器”屬性,用於保存應用於 memory 中的樹的過濾器。 樹存儲在組件 A 的屬性中。我將樹的“過濾器”屬性轉移到組件 B,A 的子組件。 該子組件 ...
[英]How to show the value of input multi selected Angular ngFor
嗨,我在 Angular 工作,我想在控制台中顯示它的值這是我的 object: {{tipo['descrip']}} 正在工作,但值 (value={{tipo['types']} ) 向我拋出一個錯誤,我不知道如何迭代以查看控制台中的值。 謝謝! ...
[英]Is there a function to update the variable of the selected item after scrolling by mouse/arrow keys in Angular?
我正在我的 angular web 應用程序中創建圖像選擇區域。 它一次顯示一張圖像,我希望每次通過圖像列表進行滾動或 keydown.arrowup/down 時更新我的“selectedImage”變量。 我還希望選擇區域在網站加載時顯示先前選擇的圖像。 我可以從數組中獲取圖像的索引,但我不知 ...
[英]Error in *ngFor with KeyValuePipe: ngtsc(2322)
我有以下類型type ParentKeys = "mum" | "dad"; type ChildKeys = "alice" | "frank"; type Parents = { [parentKey in ParentKeys]: { children: { ...
[英]Returning new object containing selected key value pairs in typescript
我有大量 object 類型的人,我只想顯示一些(可能會增加)值(如果存在)。 鍵值的一行 div,如果它們在某個數組中指定,例如。 有屬性我的想法是讓一個人 object, map 像hasProperty:string[]=['dateOfBirth','address']到一個新的 objec ...
[英]Display array of objects in table
我正在嘗試在表格中顯示對象列表。 但它只顯示第一行這是我正在使用的代碼 只有第一個 object 在表中可見當我在 li 標簽中使用它時,它會顯示所有行 ul 中可見的所有對象所有部分 為了在表中顯示數組的所有對象,我應該更改什么 ...
[英]How to render multiples times the same component with diferent content in angular 12
我試圖渲染一個在 ng-for 中的組件,但是組件的內容將在單擊按鈕后觸發,內容將被捕獲然后發送到子組件。 之后我需要使用我通過點擊獲得的數據來渲染子組件。 但是子組件需要在 ng-for 中的相同索引內呈現,而不是在數組的所有索引中呈現。 在這里我們可以看到一些代碼: 父組件 HTML 父組件 T ...
[英]Angular: Using internationalization (i18n) in ngFor
我想使用 i18n 標簽翻譯一個 ngFor 循環。 這是我的代碼: 我的組件.component.tsname: string; people: string[]; ngOnInit(): void { this.name = 'Sam'; this.people = ['S ...
[英]Iterate nested objects using ngFor
我有 JSON 對象: 如何遍歷每個嵌套對象並在 Angular 中顯示數據? 我試着用 ngFor 來做,但沒有用 ...
[英]Iterate object keys using *ngFor
如何在 Angular 12 中使用*ngFor迭代 HTML 上的對象鍵。響應如下。 請建議。 ...
[英]Angular - How to bind textarea input to image in the loop using form
我有一個簡單的應用程序,用戶可以在其中上傳一張或多張圖片。 在預覽模式下,用戶必須為每張圖片添加描述,然后他才能上傳帶有圖片的圖片。 然后將它們添加到現有圖片的末尾。 這是代碼的鏈接: https://stackblitz.com/edit/angular-12-multiple-image-upl ...
[英]Using slice in a multiple loop ngFor angular
需要將內部 ngfor 循環分成 3 個部分 ...
[英]HTML th and td tag with nested ngFor loops (with dynamic column headers & values)
我正在嘗試使用動態 tr 和 td 創建 HTML 表。 我在 HTML 本身中添加了嵌套循環,動態列標題(th)工作正常但值未添加到正確的 td 中。 這是我的數據: 下面是它的 html 代碼: 沒有任何特定的 ts 代碼。 我只是以上述格式操作數據並嘗試在 HTML 本身中應用循環。 我做錯 ...
[英]Apply css to all elements other than first using ngfor
我想將 CSS 應用於除第一個元素之外的所有元素下面是我的代碼和我想要的方式以及我目前如何獲得的屏幕截圖 - 當前的 - 預期的代碼 ...
[英]ngFor directive is not rendering my div or its data
我在我的組件中創建了一個我訂閱的服務,但是,當我使用 ngFor 時,div 根本沒有呈現。 組件.TS文件 Component.html 文件 數據顯示在我的 console.log 中,但它根本沒有呈現在卡上。 請幫助,在此先感謝您! 我試圖在 ts 文件中添加一個虛擬數組,並將其打印到控制台 ...