javascript - Angular js，关于ng-change如何更新其他选择控件的选项

Question

在更改年份值时，我想更改 Make 下拉列表的选项，但不知道如何更新其他控件的选项。

下面是我的表格。 https://plnkr.co/edit/aV65Nab9U9I6YlK2g4sY?p=preview
api.php 是服务器响应，这些选项应在年份更改时显示在“Make”下拉列表中。

autoQuoteCtrl.js

$scope.updateMakeList = function(){
}

index.html

 <div class="row">
                    <div class="form-group">
                        <label class="col-sm-5 control-label" for="PC">{{questions[$state.current.name].VehicleYear.QuestionData._text}}</label>
                        <div class="col-sm-6">
                            <select ng-change="updateMakeList" custom-required="true" ng-options="ans._value as ans._promptText for ans in questions[$state.current.name].VehicleYear.QuestionData._answerOptions" ng-model="answers.VehicleYear" ng-required="queObj._required" class="form-control {{queObj._pageAttributes.cssclass}}" name="{{questions[$state.current.name].VehicleYear.QuestionData._attributeName}}" id="{{questions[$state.current.name].VehicleYear.QuestionData._attributeName}}" data-que-obj="questions[$state.current.name].VehicleYear.QuestionData" select-control-dir setMake custom-required></select>
                        </div>                    
                    </div>
                    <span class="form-error" ng-show="submitted && DTOstep1.VehicleYear.$error.required">This field is required.</span>
                </div>

Answer 1

您需要将此功能放入您的 Controller 中 -

    $scope.updateMakeList = function(name)
                    {                
// Your logic to change value in Make dropdown
$scope.questions[name].VehicleMake.QuestionData._answerOptions = [{'_value':"test",'_promptText':"Test"}];
                    }

并更新您的 HTML(年份选择框)-

            <div class="form-group">
                <label class="col-sm-5 control-label" for="PC">{{questions[$state.current.name].VehicleYear.QuestionData._text}}</label>
                <div class="col-sm-6">
                    <select ng-change="updateMakeList($state.current.name)" custom-required="true" ng-options="ans._value as ans._promptText for ans in questions[$state.current.name].VehicleYear.QuestionData._answerOptions" ng-model="answers.VehicleYear" ng-required="queObj._required" class="form-control {{queObj._pageAttributes.cssclass}}" name="{{questions[$state.current.name].VehicleYear.QuestionData._attributeName}}" id="{{questions[$state.current.name].VehicleYear.QuestionData._attributeName}}" data-que-obj="questions[$state.current.name].VehicleYear.QuestionData" select-control-dir setMake custom-required></select>
                </div>                    
            </div>