AngularJS 사용 및 선택에서 선택 선택으로 연결 철자

Question

내 HTML에 <select>이 있고 ngOptions을 사용하여 채 웁니다. 드롭 다운의 항목을 선택하면 <select>이 새 옵션이 옵션 당 하나의 문자로 분리 된 상태로 다시 그려집니다.

따라서 <select>에서 "Cars"항목을 선택하면 새로운 옵션은 "C", "a", "r"및 "s"입니다.

this JSFiddle의 문제를 참조하십시오.

JSFiddle은 각도 1.2.1을 사용하지만 1.3.5에서도 동일한 문제가 발생합니다. Internet Explorer도 사용하고 있지 않습니다.

Answer 1

ng-model을 "gender"로 변경하면 정상적으로 작동합니다.

현재 모델에서 genders라는 배열을 참조하고 있으며 선택을 받아서 문자열에 split()을 수행하는 것으로 보입니다. 선택시 "성별"배열은 이제 "Female"또는 "Male"문자열과 동일하므로 선택이 개별 문자로 변경됩니다.

또는 대안 모델을 "selectedGender"와 같은 것으로 변경할 수 있습니다.

여기에 a fork of your fiddle은 "성별"대신 "성별"을 사용합니다.

<div ng-controller="MyCtrl"> 
    <select ng-model="gender" ng-options="gender for gender in genders"></select> 
</div>