![](/img/trans.png)
[英]Acces @ViewChild NgForm refence from child components in parent component
我有以下應用程序結構: 我想重置 header 中 forms 的狀態和Parent組件的內容。 我嘗試使用父組件中的@ViewChild/@ViewChildren ,但我不知道如何訪問子表單引用。 到目前為止,我被迫在Parent中獲取Header和Content組件的引用並調用resetFor ...
[英]Acces @ViewChild NgForm refence from child components in parent component
我有以下應用程序結構: 我想重置 header 中 forms 的狀態和Parent組件的內容。 我嘗試使用父組件中的@ViewChild/@ViewChildren ,但我不知道如何訪問子表單引用。 到目前為止,我被迫在Parent中獲取Header和Content組件的引用並調用resetFor ...
[英]allow only negative numbers in angular 5 textbox
在 angular 5 文本框中只允許負數 請輸入低頻段 Rng 在此輸入低頻段 Rng ...
[英]Using multiple Angular Validators with OR
Angular 是否可以讓多個驗證器使用 OR 而不是 AND。 我的意思是,默認情況下,如果我有 2 個驗證器,則兩者都需要為真才能具有有效的表單。 我希望其中只有一個是真實的。 我可以創建一個自定義驗證器,但對於我的用例來說,如果有辦法做到這一點會容易得多,例如,我可以簡單地為 FormCon ...
[英]Why my FormControl displays [object Object]?
表單控件有一個來自組件數據的默認值,禁用時可以正常顯示。 但是當啟用該字段時,我在輸入字段中得到[object Object] 。 它與項目中運行良好的其他組件幾乎相同,所以我看不出我在這里做錯了什么。ngOnInit(): void { this.form = this.fb.group ...
[英]unable to add form control to field to form group in angular
我正在嘗試將用作自動完成字段的 FormControl 添加到 FormGroup,但我無法執行此操作。 文件: html 檔案: 我試圖將表單控件添加到組中,但是沒有用,所以不確定為什么它不起作用如果我取消注釋 function initializeFormAndItsFields 中的代碼,則 ...
[英]How to trigger Angular FormControl validation without triggering valueChanges?
我很好奇是否有人找到了一種不使用updateValueAndValidity() (根據文檔也觸發 FormControl 上的valueChanges這並不總是期望的行為)或markAsTouched() (這是不正確的,因為我們沒有觸摸控件)。 我想到的一個解決方法是以一種可以在 FormCo ...
[英]How can I upload form data and image file to PhpMyAdmin table in angular?
我剛剛開始 angular,所以我做了我熟悉的任何事情。 我創建了一個組件和一個服務來上傳表單數據,但我無法編寫 .php,我不知道我是否編寫了正確的代碼。 如果我錯過了什么,請幫助我我希望將此詳細信息添加到 phpmyadmin 表“書籍”中,其中包含以下列 - bname、bpic、bauth ...
[英]Creating angular custom validators, but it keep throwing an error of abstractControl
我正在嘗試創建自定義驗證器。 那就是使用兩個字段來驗證國際電話號碼。 但我只想只在電話號碼部分設置錯誤。 當 countryPhoneCode 和 phoneNumber 與國際號碼不匹配時,我想設置自定義驗證器。 但只會在 phoneNumber 字段上設置錯誤。 我嘗試了多種方法,但沒有成功找到 ...
[英]Create dynamic form field inside form with dynamic validation in Angular
我有這個數據 我必須在表單中動態創建這些字段並使用動態驗證。 如果isRequired為 1,則該字段是必需的,我們也必須驗證maxLen 。 任何解決方案謝謝 ...
[英]angular ERROR TypeError: Cannot read properties of null (reading '_rawValidators')
我有以下 angular 代碼並收到錯誤 TypeError: Cannot read properties of null (reading '_rawValidators') 跟隨 html: 在頁面加載時出現錯誤“錯誤類型錯誤:無法讀取 null 的屬性(讀取‘_rawValidators’ ...
[英]Angular formControl: subscribe after form update
考慮這個虛擬場景,我只有一個表單,上面只有一個簡單的控件,它有一個必需的驗證器(即其中必須有一些文本)。 當我訂閱控件的 valueChanges 時,它總是為該字段獲取新值。 這是期望的行為。 但現在的問題是,當我在綁定到我訂閱中的表單控件的輸入字段中輸入一些文本時 輸出將是有效形式:假控制有效: ...
[英]why checkbox showing true and false in angular
我已經以角度創建了復選框,但是當我選中所有復選框時,它會顯示 true 和 false。 但我試圖以反應形式獲取復選框值不正確和錯誤。<input type="checkbox" formControlName="services" id="checkbox4" value="transcri ...
[英]How to create a Template driven formArray in Angular?
我有一個固定數量的復選框,我使用 for 循環綁定它們。 我正在尋找的是使用模板驅動形式來獲取所有選定復選框的值,如下所示 筆記: 我能夠使用 Reactive 表單生成一個 FormGroup->FormArray ,它生成以下表單值 然后我用 selected==true 過濾掉。 我想 ...
[英]Why is the boolean value in FormRecord possibly undefined?
我正在嘗試在處理程序方法中進行賦值,但是this.form.value的類型是Partial<{ [key: string]: boolean }>並且編譯器告訴我string索引簽名不兼容並且 undefined 是不可分配給boolean 。 當使用非空或未定義的初始值顯式創建控件 ...
[英]Multiple values in form builder
其實我只是保存“member.text”的值,但我想保存到“this.fb.group”中的“member.id”。 可以同時保存兩個值嗎? 我需要 value 來顯示表中的值和 id 以發送到我的服務。 ...
[英]Parent is not passing form values to CVA child form group
我有一個 Angular 15 應用程序(請參閱Stackblitz上的源代碼),它使用反應式 forms 和 ControlValueAccessor 模式來創建包含子表單組的父表單。 當我添加一個表單組並將其注釋為父 html 模板中的 FormGroup 時,數據未傳遞給子項。 當我將其注釋為 ...
[英]How can I Iterate through an Object and Display it as a key value pair in Angular?
我正在嘗試使用 NgFor 循環遍歷 Angular 中的 Object。 html 看起來像這樣: 我從 api 得到的數據如下圖所示。 我的 output: 我想顯示所有傳送帶。 ...
[英]How to Data bind to deep nested arrays? Angular Forms
背景: 我正在嘗試制作一個三層表單前端,用戶應該能夠填寫基本詳細信息以及帶有標題的列表 object。 整個列表需要是一個數組,除了添加單個嵌套列表項之外,用戶還可以添加以創建新列表: 我正在使用 Angular Form Groups 和 Form Arrays 來嘗試實現此目的: 所需的表單輸 ...
[英]Check the value of a Radio Input
我正在嘗試檢查無線電輸入的值。 如果是“in”或“cm” 如果值為“in”,我會將用戶輸入轉換為英寸,如果為“cm”,則反之亦然這是最接近獲取 Radio 輸入值的方法: 這是我試圖將用戶輸入轉換為 cm 或 in 當您點擊提交按鈕時,它會調用 saveMeasurment 方法。 它將訂閱 cre ...
[英]I have to validate the input type="text" name( full name of the employee) in Reactive Form with white space not allowed at starting
app.component.html 我用 userData 創建了一個包含許多字段的表單並驗證了它。 應用程序組件.ts 但是我想要一個驗證,如果任何用戶在開始時插入空白值或空格,它會給出錯誤消息並且無效。 但是 firstName 和 lastName 之間允許有空格 }) 我已經嘗試過對空 ...