웹 UI <select> 태그에서 기본 선택 옵션을 어떻게 설정합니까?

Question

몇 가지 옵션이있는 <select> 태그가 있습니다. 처음에 선택한 기본 옵션을 어떻게 설정합니까?

<p>Hello world from Dart! You chose {{ selected }}</p> 

<select name="fruit" template iterate="fruit in fruits" bind-value="selected"> 
    <option selected="{{selected == fruit}}">{{fruit}}</option> 
</select> 

참고이 좀 더 쉽게 만들기 위해 open request이 :

여기

import 'dart:html'; 
import 'package:web_ui/web_ui.dart'; 

List<String> fruits = const <String>['apples', 'bananas', 'pears']; 

@observable 
String selected = 'pears'; 

void main() { } 

는 HTML 코드입니다 :

Answer 1

다음은 다트 코드입니다. 그 전까지는 위의 코드가 도움이 될 것입니다.