Javascript 为AngularJS中的从属下拉列表选择默认值

我需要为两个相关下拉列表预先选择默认值。因此，在页面加载上，下拉列表应该显示类似“自动”的内容，并选择“两轮车”。 （并且不使用选定属性，必须通过$scope加载默认值） 下面是工作下拉列表的Plunkr链接

选择类别
选择子类别

为所选1分配值，如下所示

$scope.selectedd1= {
    "category_name": "Automotive",
    "category_id": "1",
    "Subcategory": [{
      "Name": "Two Wheeler",
      "ID": "1"
    }, {
      "Name": "Four Wheeler",
      "ID": "2"
    }, {
      "Name": "Heavy Moving Vehicles",
      "ID": "3"
    }, {
      "Name": "Automobile Related",
      "ID": "4"
    }]
  };

修改第二个下拉列表中的ng选项

<select class="home_search_select" name="d2" id="d2"
    ng-disabled="!selectedd1" ng-model="selectedd2" 
    ng-options="subcat.ID as subcat.Name for subcat in selectedd1.Subcategory track by subcat.ID">
      <option class="home_search_select" value="">Select Sub Category</option>
 </select>

注意：

ng选项

已更改为包含整个对象

---

不工作，子类别下拉列表为空，并且在更改时其也已损坏。我需要它像原始的一样工作。只需添加

$scope.selectedd2=$scope.selectedd1.Subcategory[0]（而不是
$scope.selecteddD2=“1”
）到@Aravind的答案，它应该work@Andriy如果这项工作不再起作用，请重新检查我的查询。我需要选择两个下拉列表。比如“汽车”和“两轮车”，或者“时尚”和“鞋类”最初出现。当我再次更改主类别时，它应该用“选择子类别”的所有匹配值填充子类别“已选择。@Aravind，它不起作用，如果您向代码中添加
$scope.selectedd2=$scope.selectedd1.Subcategory[0]，它应该起作用这里是固定的plunker-
<select class="home_search_select" name="d2" id="d2"
    ng-disabled="!selectedd1" ng-model="selectedd2" 
    ng-options="subcat.ID as subcat.Name for subcat in selectedd1.Subcategory track by subcat.ID">
      <option class="home_search_select" value="">Select Sub Category</option>
 </select>

<select class="home_search_select" name="d1" 
ng-model="selectedd1" 
ng-change="homeChanged()"
ng-options="cat as cat.category_name for cat  in categorydata track by cat.category_id" id="d1">
  <option ng-value="">Select Category</option>
</select>