Angular7, поля зависимостей и выражение изменились после того, как он был проверен

Question

у меня есть 3 выбора, которые зависят друг от друга

<div class="form-group">
    <label for="profession">Profession</label>
    <select
    #professionsSelect
    (change)="professionChanged()"
    [(ngModel)]="job['profession_id']"
    autofocus
    class="form-control"
    id="profession"
    required
    tabindex="10"
    name="profession_id"
    >
    <option value=""></option>
    <option
        *ngFor="let profession of options['professions']"
        value="{{profession.id}}"
    >{{profession.profession}}</option>
    </select>
</div>

<div class="form-group">
    <label for="specialism">Division</label>
    <select
    #specialismSelect
    [(ngModel)]="job['specialism_id']"
    class="form-control"
    id="specialism"
    required
    tabindex="20"
    name="specialism_id"
    >
    <option value=""></option>
    <option
        *ngFor="let specialism of getSpecialisms(professionsSelect)"
        value="{{specialism.id}}"
    >{{specialism.specialism}}</option>
    </select>
</div>

<div class="form-group">
    <label for="sub-specialism">Role</label>
    <select
    [(ngModel)]="job['sub_specialism_id']"
    class="form-control"
    id="sub-specialism"
    required
    tabindex="30"
    name="sub_specialism_id"
    >
    <option value=""></option>
    <option
        *ngFor="let sub of getSubSpecialism(specialismSelect)"
        value="{{sub.id}}"
    >{{sub.subSpecialism}}</option>
    </select>
</div>

последний getSubSpecialism вызывает ошибку expression has changed after it was checked, и я посмотрел, как устранить эту ошибку, но могу применить то, что узнал здесь есть ли способ выполнить getSpecialisms и getSubSpecialism за один раз или отключить рендеринг на некоторое время?Я верю, что таким образом я не вызову expression ... ошибку