AngularJS：为什么ng-repeat不使用UI中的$ ctrl更新下拉列表

Question

我正在使用applyType方法更新模型，但是这些项目没有反映在UI中。

这是我在做什么

我的模型是：model.js

export default function model(
  $scope,
) {

...

model.$name = 'editModelController';
model.$templateUrl = {
  sku: templateUrl,
};

我的组件：

index.js

export default function addItemDialog(app) {
  app.component('addItemDialog', {
    controller,
    bindings: {
      resource: '<',
      ngIf: '=',
    },
  });
}

addItemDialog.js

export default function addItem(
  $q,
  $mdDialog,
) {
  this.$onInit = () => {
    ...
    this.applyType();
  };
}

this.applyType = () => {
    this.units = this.loadMoreUnits();
};

addItem.$inject = [
  '$q',
  '$mdDialog',
];

addItemDialog.pug

md-select.select(
    ng-model="$ctrl.unit",
    placeholder="Unit",
    name="unit",
)
    md-option.select__option(
      ng-repeat="unit in $ctrl.units",
      value="{{ unit.unit }}",
    )
      .select__option-content
        span.select__option-text {{ unit.description }}

我正在控制台this.units上对其进行日志记录，但未在用户界面中对其进行更新。