В зависимых раскрывающихся списках не отображаются значения при редактировании

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>