Angular js + Chosen Plugin + 将值设置为在下拉列表中选择

Question

我已经在 Angular.js 中实现了所选的插件，参考 this link

我能够获取该值，现在我想要在所选下拉列表中预先选择的所选值。

任何人都可以告诉我执行此操作的简单方法。示例代码：

<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>

Angular js + Chosen Plugin + 将值设置为在下拉列表中选择

Angular js + Chosen Plugin + Set the value as Selected in dropdown

javascript

jquery

angularjs

jquery-chosen

angular-chosen