我是角度js 2的新手,我正在尝试使用订阅但我发现了一些奇怪的行为..当我在html上使用对象searchresult它有一些数据但在ts文件内部使用数据..我有一些问题未定义的
订阅该服务的COMPONENT
private searchResults:SearchResult;
constructor(public searchEngineSvc: SearchEngineService) {
// this.searchResults = this.searchEngineSvc.retrieveData();
this.searchEngineSvc.pushedSearchResult.subscribe(
data => {
this.searchResults = data;
console.log(this.searchResults);
console.log(this.searchResults.stats);
},
error => {console.log(error);}
);
}
ngOnInit() {
this.searchResults = this.searchEngineSvc.retrieveData();
}
服务
retrieveData() {
this.searchResult = {};
this.searchResult = new SearchResult(new Stats(), [], []);
console.log(this.searchResult);
this.subscription = this.retrieveDataHttpCall().subscribe(
searchResult => {
this.searchResult.data = searchResult.data;
this.searchResult.stats = searchResult.stats;
var ctr: number = 0;
for (var key in searchResult.aggregations) {
if (searchResult.aggregations.hasOwnProperty(key)) {
this.searchResult.aggregations.push(new Aggregation(key, false, []));
for (var innerkley in searchResult.aggregations[key]) {
if (searchResult.aggregations[key].hasOwnProperty(innerkley)) {
this.searchResult.aggregations[ctr].aggregationObject.push(new AggregationObjects(innerkley, searchResult.aggregations[key][innerkley], true));
}
}
ctr++;
}
};
}
);
console.log(this.searchResult);
this.pushedSearchResult.emit(this.searchResult);
return this.searchResult;
}
组件中的这一行将显示一些未定义的值
console.log(this.searchResults.stats);
但是这个显示它有一些数据
console.log(this.searchResults);
模型
import { Stats } from './stats'
import { Data } from './data'
import { Aggregation } from './aggregation'
export class SearchResult {
constructor(
public stats?:Stats,
public data?:Data[],
public aggregations?:Aggregation[]){
}
}
1 回答
我解决了......放了
内
原因是我认为存在竞争条件..因此将其置于其中(searchResult => {})将确保在广播之前存在数据