我有一个 Angular 应用程序，其中我从模型中提取一些数据，这些数据保存在应用程序的加载中。为简单起见，我明确定义了要提取的数据。
我遇到的问题是，在我的一个控制器中，我在控制器的负载上运行了一个函数，该函数修改了从模型中提取的数据。关键是我想要只使用该控制器的那个页面的额外数据。我不希望将这些数据保存回模型中（这就是正在发生的事情）。
我的模型：
'use strict';
(function () {
var PotsMod = function ($log, _) {
return {
pots: [
{"comp" : "comp1"},
{"comp" : "comp2"}
],
getPots: function () {
return this.pots;
},
};
};
angular
.module('picksApp.models')
.factory('PotsMod', PotsMod);
})();
我的控制器：
(function () {
function AdmCtrl($log, $routeParams, PotsMod) {
var vm = this;
vm.pots = PotsMod.getPots();
vm.init = function() {
// populate pot.competition
_.forEach(vm.pots, function(pot) {
pot.comp = "test";
});
console.log(PotsMod.getPots());
}
vm.init();
}
angular
.module('picksApp.controllers')
.controller('AdmCtrl', AdmCtrl);
})();
vm.init() 中的最后一行 PotsMod.getPots() 将更新后的模型返回给我，其中“comp”的值作为测试。
所以我尝试了这个 - 我将调试行放在 vm.pots 下，如下所示：
var vm = this;
vm.pots = PotsMod.getPots();
console.log(vm.pots);
vm.init = function() {....
这也返回给我测试对象值的数组......
所以我尝试了最后一件事，并在 vm.init() 函数中添加了一个额外的调试行：
var vm = this;
vm.pots = PotsMod.getPots();
console.log(vm.pots);
vm.init = function() {
// populate pot.competition
_.forEach(vm.pots, function(pot) {
console.log(pot.comp);
pot.comp = "test";
});
console.log(PotsMod.getPots());
}
vm.init();
这样做的结果让我感到困惑......控制台中的输出显示为：
[{"comp":"test"},{"comp","test"}]
comp1
comp2
[{"comp":"test"},{"comp","test"}]
我必须在这里遗漏一些东西，因为我不明白它如何使用模型的值定义变量，使用更新的值打印该变量，然后使用旧值并打印它们，然后再次从模型中打印更新的值（即使此代码中没有任何内容涉及模型）。
请提供任何帮助，我认为在某个地方犯了一个根本性错误。谢谢你。