Leo*_*ban 5 javascript prototype angularjs angularjs-service angularjs-factory
我有一个Angular Factory,其工作是保存特殊对象并在以后检索它们.
(用于在切换视图时保存用户工作流程).
基本上我需要保存带有名称的对象以及一组标签.我的问题是将标签保存到数组部分.
Prototype构造函数:
// define the TagsObject constructor function
var TagsObject = function(name, tag) {
this.name = name;
this.tags = [].push(tag);
return this;
};
Run Code Online (Sandbox Code Playgroud)
完整的工厂代码:
.factory('TagFactory', [function() {
// Init TagFactory:
var tagContainers = [];
// define the TagsObject constructor function
var TagsObject = function(name, tag) {
this.name = name;
this.tags = [].push(tag);
return this;
};
console.log('tagFactory');
console.log(TagsObject);
var saveTags = function(name, tag) {
tagContainers.push(new TagsObject(name, tag));
console.log('saveTags:');
console.log(tagContainers);
};
var getTags = function(name) {
console.log(name);
return this;
};
return {
saveTags : saveTags,
getTags : getTags
};
}]);
Run Code Online (Sandbox Code Playgroud)
在不同的控制器中,我现在将一些数据保存到new PrototypeTagFactory 的内部:
TagFactory.saveTags('TEST', tagObj);
Run Code Online (Sandbox Code Playgroud)
现在回到我的工厂,在那里您可以看到console.log(nameTagContainers);以下内容是日志:
[TagsObject]
0: TagsObject
tags: 1
name: "TEST"
__proto__: TagsObject
length: 1
__proto__: Array[0]
Run Code Online (Sandbox Code Playgroud)
^标签是一个数组,但它显示1,而不是对象详细信息...你看到我哪里出错了吗?
更新: KauêGimenes在下面回答了这个问题,但我正在分享我为解决其他问题而添加的额外代码.
每当为当前选择的名称选择新标签时,它就会生成一个新的Prototype,而不是将标签保存到现有的Prototype中:
var saveTags = function(name, tag) {
console.log(tagContainers.length);
if (tagContainers.length != 0) {
for(var i = 0; i < tagContainers.length; i++) {
if (tagContainers[i].name == name) {
console.log('Found existing name! Add tag to existing obj');
tagContainers[i].tags.push(tag);
break;
} else {
console.log('New name, create new obj');
tagContainers.push(new TagsObject(name, tag));
}
}
}
else {
console.log('New name, init: create the first obj');
tagContainers.push(new TagsObject(name, tag));
}
console.log(' ');
console.log('tagContainers:');
console.log(tagContainers);
};
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
1388 次 |
| 最近记录: |