góc cạnh & ui-select2: hiển thị giá trị được chọn không hoạt động

Question

Khi sử dụng ui-select2 (https://github.com/angular-ui/ui-select2), tùy chọn được chọn trước không được hiển thị chính xác.

Tôi tạo ra một plunkr: http://plnkr.co/edit/Ek86jUciPo7rgBnbKdFc

Khi trang web được tải, mô hình của chọn được thiết lập để tùy chọn thứ hai. Và bằng cách nào đó, nó được đặt đúng trong hộp chọn, xem: https://dl.dropboxusercontent.com/u/1004639/stackoverflow/screenshot-select2.png. Nhưng giá trị không được hiển thị phía trên hộp văn bản. Hoặc trong hộp chọn khi hộp chọn được đóng.

PS: Tôi đã thử nó mà không có tùy chọn ng. Cùng một vấn đề.

Answer 1

Tôi có thể làm cho nó hoạt động bằng ng-lặp lại và ng-được chọn. Thật không may, mặc dù, khi bạn sử dụng ng-lặp lại, bạn chỉ có thể liên kết với một chuỗi. Nó không phải là lý tưởng, nhưng sự lựa chọn không bắt đầu được lựa chọn trước.

Dưới đây là một công tác http://plnkr.co/edit/jodn35fvUQpdD2d5BpoC

<select ui-select2="" ng-model="selectedId" > 
    <option value="">Choose...</option> 
    <option ng-repeat="option in options" value="{{option.id}}" ng-selected="{{option.id == selectedId}}">{{option.name}}</option> 
    </select> 

Và tôi cập nhật JS để thêm dòng này:

$scope.selectedId = $scope.selected.id; 

Answer 2

https://github.com/angular-ui/ui-select2#working-with-dynamic-options

ui-Select2 không tương thích với <select ng-options>. Để có kết quả tốt nhất, hãy sử dụng <option ng-repeat>.