Angular js +選擇插件+將值設置為下拉菜單中的“選定”

Question

我已經使用此鏈接的引用在Angular.js中實現了所選插件

我能夠獲取該值，現在我想將所選值作為在選定下拉列表中預先選擇的值。

誰能告訴我這樣做的簡單方法。 樣例代碼：

<select  name="SelectedName" id="SelectedName" data-placeholder="Choose a Name..." chosen 
        ng-model="Info.SelectedNameModel" 
        ng-options="jd.Name for jd in Info.List" 
        class="form-control chosen-select"></select>

用Js代碼

.directive('chosen', function() {
    var linker = function (scope, element, attr) {
        // update the select when data is loaded
        scope.$watch('Info.List', function (oldVal, newVal) {
            element.trigger('chosen:updated');
        });

        element.chosen();
    };

    return {
        restrict: 'A',
        link: linker
    };
});

樣本列表： {"Name":"PQR"},{"Name":"LMN"}

在數據庫中，我將唯一的值存儲為“ LMN”

因此，當下拉負載加載時，我想顯示為LMN。

讓我知道是否有人已經這樣做。

Answer 1

將ng-options更新為jd.Name for jd in Info.List track by jd

您可以更改為：

<select  name="SelectedName" id="SelectedName" data-placeholder="Choose a Name..." chosen 
        ng-model="Info.SelectedNameModel" 
        ng-options="jd.Name for jd in Info.List track by jd" 
        class="form-control chosen-select"></select>