爲什麼我的數組仍然是空的，即使我已經在控制器中爲這個數組賦值了？ （我用angularjs，沒有棱角）

Question

這個問題花了我一天調試它，但仍沒有運氣。

問題：this.gridOptions.data = this.allTemplatesFromClassificationRepo ; ** this.allTemplatesFromClassificationRepo **仍然是一個空數組。在這行代碼執行之前，我已經調用activate（）函數將數組賦給** this.allTemplatesFromClassificationRepo **。請參閱此行this.allTemplatesFromClassificationRepo = templateReorderProperties;

附：雖然我無法在控制器中獲得allTemplatesFromClassificationRepo的值，但我可以在html中獲得它的值。

namespace app.admin { 
'use strict'; 

class FooController { 
    static $inject: Array<string> = []; 

    constructor() { 
     this.activate(); 
    } 

    activate() { 
     this.getData(); 

     this.classificationFoo = this.data[0]; 

     this.getTemplateFromGivenRepo(this.classificationFoo.id, this.classificationFoo.displayName); 

     this.populateData(); 
    } 

    data: any; 

    classificationFoo: any; 

    allDataFromclassificationFoo: any = []; 

    // demo grid 
    gridOptions = { 
     enableFiltering: true, 
     }, 
     data: [] 
    }; 

    populateData() { 
      this.gridOptions.data = this.allTemplatesFromClassificationRepo ; 
    } 

    getData() { 
     this.fooService.getUserData(); 
     this.data = this.fooService.userdata; 
    } 

    getTemplateFromGivenRepo(fooId: string, fooName: string) { 
     switch (fooId) { 
      case 'FOO': 
       this.TemplateApi.templatesAvaiableForRepoIdGET(fooId).then(data => { 
        data.forEach(element => { 
         element.fooName = fooName; 
        }); 

        let templateReorderProperties = data 

        this.allTemplatesFromClassificationRepo = templateReorderProperties; 
       }, error => { 

       }); 
       break; 

      default: 
       break; 
     } 
    }; 
} 

class Bar implements ng.IDirective { 
    static $inject: Array<string> = []; 

    constructor() { 
    } 

    bindToController: boolean = true; 
    controller = FooController; 
    controllerAs: string = 'vm'; 
    templateUrl: string = 'app/foo.html'; 

    static instance(): ng.IDirective { 
     return new Bar(); 
    } 
} 

angular 
    .module('app.admin') 
    .directive('bar', Bar.instance); 

}

Answer 1

getTemplateFromGivenRepo是異步操作。

移動this.populateGridData();調用內部getTemplateFromGivenRepo後

this.allTemplatesFromClassificationRepo = templateReorderProperties;

getTemplateFromGivenRepo(repoId: string, repoName: string) { 
      switch (repoId) { 
       case 'CLASSIFICATION': 
        this.TemplateApi.templatesAvaiableForRepoIdGET(repoId).then(data => { 

         this.allTemplatesFromClassificationRepo = templateReorderProperties; 
         this.populateGridData(); // call here 
        }, error => { 

        }); 
      } 
     }; 

OR

您可以從getTemplateFromGivenRepo回報的承諾，在then能夠success回調，調用 this.populateGridData();

Answer 2

我認爲這個問題是在this情況下，不同的內部承諾的決心。

嘗試在開始像寫：

var self = this; 

，並且更改後的所有this到self關鍵。

a.e：

self.gridOptions.data = self.allTemplatesFromClassificationRepo; 

// and so on ... 

通過這種方式，您將保證您使用相同的範圍實例

---

希望它會工作