Sử dụng [ngValue] và [selected] trong thẻ chọn (sử dụng [ngValue] và [selected] trong thẻ chọn)
In lạiTác giả: trợ lý lỗiThời gian cập nhật: 25-10-2023 23:10:53364
Tôi đang cố gắng đặt giá trị mặc định của thẻ select chứa các đối tượng trong biểu mẫu, sử dụng [selected] và [ngValue]. Nhưng vì lý do nào đó, chúng có vẻ không tương thích.
Tôi đang cố gắng sử dụng [đã chọn] và [ngValue] để đặt giá trị mặc định cho thẻ chọn chứa đối tượng trong biểu mẫu. Nhưng vì lý do nào đó, họ dường như không so sánh được.
Mã ví dụ:
Mã mẫu:
lớp="điều khiển biểu mẫu" formControlName="cửa hàng nhà" tabindex="{{getTabIndex('cửa hàng nhà')}}">
Mã này cuối cùng chỉ hiển thị giá trị mặc định là blank. Nếu tôi xóa [ngValue] thì nó hoạt động tốt, ngoại trừ việc giá trị store.name được chọn, thay vì đối tượng store.
Mã này cuối cùng chỉ hiển thị trống làm giá trị mặc định. Nếu tôi xóa [ngValue] thì nó hoạt động tốt, nó chỉ chọn giá trị store.name thay vì đối tượng store.
Có gợi ý nào không?
Có gợi ý gì không?
Thêm câu trả lời
Khuyến nghị câu trả lời tuyệt vời
Bạn có thể sử dụng so sánhVới với [ngValue]
Bạn có thể sử dụng CompareWith với [ngValue]
ví dụ:
Ví dụ:
lớp="điều khiển biểu mẫu" formControlName="cửa hàng nhà" tabindex="{{getTabIndex('homeStore')}}" [so sánh với]="so sánh theo ID">
[ngValue]="lưu trữ"> {{tên cửa hàng}}
so sánhByID(itemOne, itemTwo) { trả về itemOne && itemTwo && itemOne.ID == itemTwo.ID; }
Ví dụ so sánh các tùy chọn lựa chọn: http://blog.ninja-squad.com/2017/03/24/what-is-new-angular-4/
Lưu ý: hỗ trợ này được thêm vào Angular4
Lưu ý: Hỗ trợ này đã được thêm vào Angular4
[ngGiá trị]="..." được cho là được sử dụng với [(ngModel)]. [đã chọn] không hoạt động với [ngValue].
[ngValue]="..." nên được sử dụng với [(NgModel)]. [Đã chọn] không áp dụng cho [ngValue].
Cập nhật thẻ chọn của bạn như bên dưới, ngModel sẽ giữ giá trị đã chọn
Cập nhật thẻ chọn của bạn như hiển thị bên dưới và ngModel sẽ lưu giá trị đã chọn
Tôi đăng câu trả lời của mình vì có thể ai đó cũng đang gặp phải tình trạng tương tự.
Tôi đăng snitch của mình vì có thể có ai đó cũng hành xử như vậy.
Tôi đang nhận một giá trị từ API và tôi cần gán cho điều khiển biểu mẫu thì bạn không thể gán trực tiếp. Bạn cần sử dụng cùng một có sẵnCửa hàng mảng thể hiện và tìm giá trị bên trong. Đó là cách để có được [ngValue] hoạt động hoàn hảo.
Tôi đang nhận được một giá trị từ API và tôi cần gán cho điều khiển biểu mẫu, sau đó bạn không thể gán giá trị đó trực tiếp. Bạn cần sử dụng cùng một mảng các phiên bản có sẵnStores và tìm giá trị trong đó. Đây là cách để [ngValue] hoạt động hoàn hảo.
Tham khảo https://angular.io/api/forms/SelectControlValueAccessor để kiểm tra ví dụ đầu tiên.
Thêm một
Thêm vào
[ngModel]="Đối tượng mặc định của bạn"
để bạn lựa chọn và tương tự cho tùy chọn đầu tiên
Đặt thành tùy chọn bạn chọn và giống như tùy chọn đầu tiên
Trong Angular, sử dụng Reactive Forms, với lệnh select có thiết lập [ngValue] trong tùy chọn, nếu bạn muốn thiết lập tùy chọn hiện đang được chọn theo chương trình bằng Typescript từ Thành phần liên quan, bạn có thể thực hiện theo cách này:
Trong Angular, sử dụng dạng phản ứng, với lựa chọn [ngValue] được đặt trong các tùy chọn, nếu bạn muốn đặt tùy chọn hiện được chọn theo chương trình bằng cách sử dụng tập lệnh loại trong thành phần được liên kết, bạn có thể thực hiện như sau:
this.myReactiveForm.controls["mySelectControlName"].setValue( giá trị mong muốn);
Thêm câu trả lời
Vậy, có gợi ý nào để giải quyết vấn đề này theo hình thức phản ứng không?
Vì vậy, có gợi ý nào để giải quyết vấn đề này ở dạng thụ động không?
Ở dạng phản ứng, bạn gán giá trị cho thể hiện điều khiển. [đã chọn] không liên quan đến các dạng phản ứng.
Ở dạng phản ứng, bạn gán giá trị cho các phiên bản điều khiển. [Đã chọn] không liên quan gì đến các hình thức phản ứng.
Làm thế nào để thiết lập giá trị được chọn trong các biểu mẫu phản ứng? API xin vui lòng? tx Sean
Làm cách nào để đặt giá trị đã chọn ở dạng phản ứng? Bạn có thể vui lòng cho tôi API không? TX Sean
Trong menu trong thành phần React, tôi cần đặt thuộc tính được chọn của tùy chọn phản ánh trạng thái ứng dụng. Trong render(), optionState được chuyển từ chủ sở hữu trạng thái sang thành phần SortMenu
Tôi là lập trình viên Ruby-mysql cấp dưới và tôi muốn biết cách làm cho kết quả truy vấn (thủ tục được lưu trữ) của mình nhanh hơn.. Đây là thủ tục được lưu trữ của tôi và tôi đang sử dụng SQL_CACHE.. nhưng tôi không chắc chắn.. Bộ nhớ đệm làm cho thủ tục của tôi nhanh hơn Nhanh chóng.. :( DROP
Tôi đang thực hiện lập trình socket bằng Python để xử lý các yêu cầu được tạo bởi danh sách các socket máy khách được kết nối bằng cách sử dụng select.select(rfile, wfile, xlist[, timeout]) và tôi cũng muốn sử dụng J
Tôi đang cố gắng tạo hiệu ứng cột trong danh sách thả xuống bằng cách điền văn bản bằng dấu cách, như trong ví dụ sau: [Aux1+1] [*] [Aux1+1] [@Tn=PP] [Main] [ *] [Chính A
Lokalizacja: Gdańsk Rzeszów Wrocław Không biết chuyện gì đã xảy ra, nhưng trong trường hợp đó không có lựa chọn nào khác, tôi phải chọn một cái gì đó từ danh sách. khi tôi chọn từ
Tôi có hai trường được chọn trong biểu mẫu của mình. Đầu tiên là lựa chọn đơn và thứ hai là lựa chọn nhiều. Bây giờ điều tôi muốn làm là chọn tùy chọn được chọn nhiều lần bằng cách sử dụng dữ liệu đã cho dựa trên tùy chọn đã chọn trong phần chọn một lần. Để thực hiện việc này, tôi kích hoạt yêu cầu ajax khi lựa chọn radio thay đổi: $.ajax({ type
Tôi đã tìm thấy một lỗi lạ trong Firefox 5 (hiện tại tôi không thể truy cập 4). Tuy nhiên, tôi nghĩ nó có thể hoạt động trong Firefox 4 vì tôi mới có một máy tính mới và tôi không nhớ đã từng gặp lỗi này trước đây. Tôi có một số hộp chọn. Giá trị đã chọn
Các phương pháp thực hành tốt nhất cho việc lựa chọn trước là gì? hiện hữu? Tùy thuộc vào trang web, cả hai đều hợp lệ. Nhưng cái nào tốt hơn? Tương thích nhất? Foo Bar Câu trả lời hay nhất Nếu bạn đang viết XHTML, bắt buộc phải chọn = "đã chọn". giống
Tôi có một số cột trong jqGrid với edittype="select". Làm cách nào để đọc giá trị tùy chọn của giá trị hiện được chọn trong một hàng cụ thể? Ví dụ: Làm cách nào để tôi nhận được "FE" cho FedEx, v.v. khi tôi cung cấp tùy chọn chỉnh sửa sau: { val
Đây là một truy vấn cô đọng về vấn đề lớn hơn của tôi, nhưng ý chính là tôi đang cố gắng kết nối bên trong với một vùng chọn trong đó vùng chọn bị hạn chế bởi vùng chọn bên ngoài. Điều đó có thể được không? Tôi đang gặp lỗi liên quan đến mã định danh nhiều phần S.Item và S.SerialNum trên các lựa chọn bên trong. Ý chính là thế này,
Tôi đang viết một đoạn script nhỏ để kiểm tra xem biểu mẫu có bị thay đổi hay không trước khi gửi nó. Vì vậy, tôi có thể sử dụng kiểu nhập thông thường (văn bản, vùng văn bản, v.v.): if(element.defaultValue != element.value) { al
Tôi đang cố gắng viết một plugin cho Prototype trong đó người dùng nhấp vào menu thả xuống và thay thế nó bằng phần tử nhiều lựa chọn. Tôi gần xong rồi. Mọi thứ đều ổn cho đến khi người dùng chọn những gì họ muốn hiển thị và gửi biểu mẫu đến cùng một trang. Tôi đang sử dụng PHP để sử dụng
Làm thế nào để bạn thực hiện các lựa chọn lồng nhau trong MongoDB, chẳng hạn như SELECT id FROM table1 WHERE id IN (SELECT id FROM table2) Câu trả lời hay nhất MongoDB chưa có nó
Tôi đang cố gắng sử dụng [đã chọn] và [ngValue] để đặt giá trị mặc định cho thẻ chọn chứa đối tượng trong biểu mẫu. Nhưng vì lý do nào đó, họ dường như không so sánh được. . Mã mẫu: . Mã này cuối cùng chỉ hiển thị trống làm giá trị mặc định. Nếu [ngValue] bị xóa, nó
Tôi là một lập trình viên xuất sắc, rất giỏi!