Chọn tùy chọn mặc định không hoạt động với Ionic Framework

Question

Tôi đang sử dụng Ionic Framework.
Tôi muốn nhập tùy chọn đầu tiên làm mặc định nhưng thực hiện theo cách này không hoạt động.
Tôi có thể làm gì?

<select ng-model="newSpesaAereo.valuta"> 
    <option ng-selected="selected">Euro</option> 
    <option>Dollaro</option> 
    <option>Dollaro canadese</option> 
    <option>Sterlina</option> 
</select> 

Nếu tôi phân tích trang với tiện ích cho nhà phát triển Google Chrome tôi xem này.

Nếu tôi sửa HTML này và tôi xóa các hàng đã chọn, sau đó Euro là nhìn thấy được.

Tại sao điều này lại xảy ra?

Answer 1

Bạn cần sử dụng ng-selected thay vì chỉ được chọn.

https://docs.angularjs.org/api/ng/directive/ngSelected

<select ng-model="newSpesaAereo.metodoPagamento"> 
    <option ng-selected="selected">Carta di credito</option> 
    <option>Bancomat</option> 
    <option>Contanti</option> 
    <option>Altro</option> 
</select> 

Answer 2

Lý do lựa chọn mặc định không hoạt động là bởi vì, trong điều khiển của bạn, bạn đã có thể khởi tạo mô hình mẫu của bạn như sau:

$scope.newSpesaAereo = {} 

Nếu bạn muốn đặt tùy chọn biểu mẫu mặc định, bạn cũng nên đặt chúng trong mẫu biểu mẫu. Ví dụ: đặt 'valuta' thành 'Euro' như sau:

$scope.newSpesaAereo = { valuta: "Euro" } 

Tôi hy vọng điều này sẽ hữu ích!

P.S khi đăng sự cố như thế này, bạn cũng nên bao gồm mã cho bộ điều khiển mà chế độ xem được ràng buộc.

Answer 3

Đặt ng-selected="true".

Ví dụ:

<option ng-selected="true">Carta di credito</option>