使用 ng-option 显示下拉值

beg*_*ner 2 html javascript angularjs ng-options

在我的应用程序中,我一直在使用向下滚动菜单的选项。取而代之的是,我想使用 ng-option 使值来自 javascript 文件。我什至需要有关 angular js 代码的帮助。这是我的带有选项值的 HTML 代码。我需要帮助。

<div class="form-group">
    <label class="control-label col-lg-2 pull-left">Quality<span class="Imp">*</span></label>
    <div class="col-lg-8">
        <select id="Quality" name="Quality" class="form-control" style="width:170px" ng-model="vm.EditRef_UI.Quality"
            tooltip="Quality is required" tooltip-placement="top" required>

            <option selected value="Satisfactory">Satisfactory</option>
            <option value="NotSatisfactory">Not Satisfactory</option>
        </select>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

Abd*_*man 5

 <select ng-options="category.value as category.name for category in sourceValues"  ng-model="Quality"></select>
Run Code Online (Sandbox Code Playgroud)

第一个输入category.value 将是选项的值,category.name并将是下拉列表中显示的值

在控制器中定义一个带有选项的数组及其要使用的值

$scope.sourceValues = [
       {value: 'Satisfactory', name: 'Satisfactory'},
       {value: 'NotSatisfactory', name: 'Not satisfactory'}

      ];
Run Code Online (Sandbox Code Playgroud)