Javascript 无法在选择框中设置所选值

//内部控制器
$scope.newEngagement.subType=3；
$scope.EngagementSubjectList=[
{“subsubId”：1，“subsubName”：“value1”}，
{“subsubId”：2，“subsubName”：“value2”}，
{“subsubId”：3，“subsubName”：“value3”}，
{“subsubId”：4，“subsubName”：“value4”}，
];

选择子类型
{{subsublist.subsubtyname}
您可以使用以下代码

<div class="col s12 m12 margin-top-2x">
<label class="uppercase blue-grey-text text-darken-5 font-1-5x clear left">SELECT SUB TYPE </label>
<select
name="engagement_subtype"
id="engagement_subtype"
ng-model="newEngagement.subType"
class="browser-default margin-top-x col s12 m8 clear">
<option value="{{subTypeList.subTypeId}}"
ng-selected="{{newEngagement.subType == subTypeList.subTypeId}}"
ng-repeat="subTypeList in engagementSubTypeList track by subTypeList.subTypeId ">
{{subTypeList.subTypeName}}
</option>
</select>
</div>

$scope.newEngagement = {};
$scope.newEngagement.subType = 2;//{"subTypeId":3};

$scope.engagementSubTypeList = [ 
{ "subTypeId": 1, "subTypeName": "value1" }, 
{ "subTypeId": 2, "subTypeName": "value2" },  
{ "subTypeId": 3, "subTypeName": "value3" }, 
{ "subTypeId": 4, "subTypeName": "value4" },
];


选择子类型
{{subsublist.subsubtyname}
$scope.newEngagement={}；
$scope.newEngagement.subType=2//{“子类型ID”：3}；
$scope.EngagementSubjectList=[
{“subsubId”：1，“subsubName”：“value1”}，
{“subsubId”：2，“subsubName”：“value2”}，
{“subsubId”：3，“subsubName”：“value3”}，
{“subsubId”：4，“subsubName”：“value4”}，
];


我的建议是避免在选择选项中重复ng。您将习惯于，这只是angularjs中的一种正确方法。
可以使用
ng选项尝试此方法，并从您的
$scope.engagementsubtype
中分配
newEngagement.subType
，如下图所示。这应该行得通

<div class="">
    <label class="uppercase">SELECT SUB TYPE </label>
    <select ng-options="subTypeList.subTypeId as subTypeList.subTypeName for subTypeList in engagementSubTypeList" ng-model="newEngagement.subType">
      <option value="">Select One</option>
    </select>
  </div>

我认为您需要使用ng selected。我尝试了ng selected，但无法使selected干燥，但无法工作。我的代码也是正确的。我认为这是一个愚蠢的错误，这一次需要一个新的眼睛来看待这一点，现在我正在更新答案。它可以满足您的要求尝试但不起作用，代码隐藏选项fieldhide，因为您在父级
div
div中使用了
ng show=“isSubType”
，我不知道该逻辑，所以请删除该逻辑，然后再次检查请@GovindJhang show logic如果范围值已准备好，则显示下拉列表检查请写入此链接，但问题只是具体化css框架，我正在使用这个框架
$scope.engagementSubTypeList = [ 
{ "subTypeId": 1, "subTypeName": "value1" }, 
{ "subTypeId": 2, "subTypeName": "value2" },  
{ "subTypeId": 3, "subTypeName": "value3" }, 
{ "subTypeId": 4, "subTypeName": "value4" },
];

$scope.newEngagement = {};
$scope.newEngagement.subType = $scope.engagementSubTypeList[2].subTypeId;