Question

我正在使用Ionic 2。

我有一些代码完美运行，然后在从6.3.0到6.3.1更新到cordova后，它再也无法工作了。我尝试降级回6.3.0。但它仍然无效。但是，我认为我的代码应该适用于6.3.1，所以我可能在我的代码中做了一些不正确的事情。

我有一个项目列表，然后当我更新列表时，DOM没有反映更新。

这里有两个问题：

我第一次从菜单访问该页面时，它返回15行，并正确显示它们。但是我然后用一个访问页面来自另一个页面（cat.ts）和JSON的参数（employeeModel） call只返回3行，但是在JSON之前显示DOM 调用返回并显示15行。
cat.ts将参数employeeModel传递给search.ts。在seach.ts 构造函数，employeeModel参数被填充，但是当一个按钮单击调用presentPopover employeeModel参数是未定义。

search.html

...
    <div id="pinButton"><button (click)="presentPopover()" secondary><ion-icon name="funnel"></ion-icon></button></div>
...
  <ion-list>
    <ion-item *ngFor="let item of employeeModels">
      <ion-item>
        <ion-row >
          <ion-col><h2>{{item.firstName}}</h2></ion-col>
        </ion-row>
       </ion-item>
    </ion-item>
  </ion-list>

search.ts

...
@Component({
  templateUrl: 'build/pages/search/search.html',
  providers: [EmployeeService, UtilityService],
  changeDetection: ChangeDetectionStrategy.OnPush
})

export class SearchPage {
...
  private employeeModel: EmployeeModel;
  private employeeModels: EmployeeModel[] = [];
...
  constructor(ref: ChangeDetectorRef, nav: NavController, employeeService: EmployeeService, utilityService: UtilityService, private navParams: NavParams, private popoverController: PopoverController) {
    this.ref = ref;
    this.nav = nav;
    this.employeeService = employeeService;
    this.utilityService = utilityService;
    this.employeeModel = navParams.get('employeeModel');
    console.log(this.employeeModel);
    this.getEmployeeRange();
  }
...
  getEmployeeRange() {
    console.log(this.employeeModel);
    this.searchLoading = true;
    var promise: Promise<EmployeeModel[]>;
    promise = this.employeeService.getEmployeeRangeSearch(this.firstResult, this.MAX_RESULTS, this.getSubCategoryString())
    promise.then((employeeModels: EmployeeModel[]) => {
      for (var index = 0; index < employeeModels.length; index++) {
        this.employeeModels.push(employeeModels[index]);
      }
      console.log(this.employeeModels.length);
      this.searchLoading = false;
      this.ref.markForCheck();
    });
  }

  presentPopover(event: Event) {
    console.log('presentPopover: '+this.employeeModel);
    console.log(this.employeeModel);
    let popover: Popover = this.popoverController.create(SearchPopOverPage, {employeeModel: this.employeeModel});
    popover.present();
  }

cat.ts

console.log(this.employeeModel);
  this.nav.insert(0, SearchPage, {
    employeeModel: this.employeeModel,
  }).then(() => {
    const index = this.nav.getActive().index;
    this.nav.remove(index - 1);
  });

DOM不反映更新的结果集

0 个答案: