从属下拉框在编辑时不显示值

Question

在我的具有从属下拉列表的应用程序中，编辑后不显示值。 当我进行编辑时，第一个下拉列表将显示该值，但其依赖的下拉列表将不显示任何值。

我尝试在编辑功能内创建切换选择功能。 但是我仍然面临着同样的问题。

<div class="row">
    <div class="input-field col s6">
        <select id="ddlCategory" ng-model="Data.categoryId" ng-change="ddlCatChange(Data.categoryId)">
            <option ng-value="" disabled selected>Select a Category</option>
            <option ng-selected="Data.categoryId == ca.categoryId" ng-model="Data.categoryId"
                    ng-repeat="ca in CategoryDDL" value="{{ca.categoryId}}">{{ca.categoryname}}
            </option>
        </select>

    </div>
    <div class="input-field col s6">
        <select ng-model="Data.subcategoryId">
            <option ng-value="" disabled selected>Select a SubCategory</option>
            <option ng-selected="Data.subcategoryId == sca.scbussubcategoryId" ng-model="Data.subcategoryId"
                    ng-repeat="sca in subCatForDDL" value="{{sca.scbussubcategoryId}}">{{sca.subcategoryname}}
            </option>
        </select>
    </div>

</div>