如何将新阵列动态添加到现有阵列中

Question

我想在现有阵列中动态添加新阵列。这里我尝试将数组添加到共享服务中的现有数组中。

这里是我的代码

var shareService = angular.module('ibaDataService', []); 
shareService.service('shareData', function() { 
    this.comonData = []; 
    this.tabData = []; 
    this.pushArray = function (arrayName) { 
     //this.comonData.push(arrayName[]); 
      // here i want to add commonData.newArray[] 
} 
    }); 

Answer 1

在嵌套function中引用它之前，您需要将this的值存储在变量中。

例如：

var shareService = angular.module('ibaDataService', []); 
shareService.service('shareData', function() { 
    var self = this; 
    this.comonData = {}; 
    this.tabData = []; 
    this.pushArray = function (key, value) { 
     // self holds the value of the parent instance 
     self.comonData[key] = value; 

}}); 

self现在被用来维护到原始this基准甚至作为上下文已经改变（另一个函数内）。

Answer 2

可以使用CONCAT合并数组：

var hege = ["Cecilie", "Lone"]; 
var stale = ["Emil", "Tobias", "Linus"]; 
var children = hege.concat(stale); 
// Result is: Cecilie,Lone,Emil,Tobias,Linus 

你的情况：

this.comonData.concat(someOtherArray); 

Answer 3

使用Array#concat：

this.comonData = this.comonData.concat(arrayName); 

concat（）方法返回一个新的数组，该数组由一个数组组成，在该数组上调用它与作为参数提供的数组和/或值连接。

Answer 4

使用array concat

var shareService = angular.module('ibaDataService', []); 
shareService.service('shareData', function() { 
    this.comonData = []; 
    this.tabData = []; 
    this.pushArray = function (arrayName) { 
     this.comonData = this.comonData.concat(arrayName); 
    } 
}); 

Answer 5

至于要动态做到这一点，我想你可以使用一个“看”：

$rootScope.$watch('variableToWatch', function() { 
     // - Call concat code here 
    }); 

你的代码是每一个源数据改变时，则执行。 当然，您必须将“$ rootScope”依赖项添加到您的服务中。