我正在开发一个使用 Babel 和 Angular 1.5.0 的 Angular 全栈项目。
问题是,当我构建一个数组 (this.events = []) 时,我无法将该数组定位到 $onInit() 上,我应该在 $onInit() 上填充要在 ui-calendar 上显示的数据。我在 this.awesomeTesting = [];
上执行此操作所以我需要用 $onInit() 内的 $http.get('/api/calendars/') 中的数据填充 this.events[] 数组,但我不明白为什么我不能定位该数组,这样我就可以填充数据。
我做错了什么?
这是我的代码:
'use strict';
(function() {
class MainController {
constructor($http, $scope, socket, uiCalendarConfig) {
this.$http = $http;
this.socket = socket;
this.awesomeThings = [];
this.awesomeTesting = [];
this.events = [];
this.events.splice(0, this.events.length);
this.eventSources = [this.events];
console.log(this.eventSources);
/* config object */
$scope.uiConfig = {
calendar:{
height: 450,
editable: true,
header:{
left: 'month',
center: 'title',
right: 'today prev,next'
},
dayClick: $scope.alertEventOnClick,
eventDrop: $scope.alertOnDrop,
eventResize: $scope.alertOnResize
}
};
$scope.$on('$destroy', function() {
socket.unsyncUpdates('thing');
})
}
$onInit() {
this.$http.get('/api/things').then(response => {
this.awesomeThings = response.data;
this.socket.syncUpdates('thing', this.awesomeThings);
});
this.$http.get('/api/calendars').then(response => {
this.awesomeTesting = response.data;
this.awesomeTesting.forEach(function (objectItem) {
console.log('displays property in each object: ', objectItem.title);
this.events.push({
title: objectItem.title,
start: objectItem.start
});
});
this.socket.syncUpdates('calendar', this.awesomeTesting);
});
}
addThing() {
if (this.newThing) {
this.$http.post('/api/things', { name: this.newThing });
this.newThing = '';
}
}
deleteThing(thing) {
this.$http.delete('/api/things/' + thing._id);
}
}
angular.module('myApp')
.component('main', {
templateUrl: 'app/main/main.html',
controller: MainController
});
})();
最佳答案
我通过创建一个 for 循环而不是 .forEach() 解决了这个问题,但我仍然想知道答案如何使用 .forEach() 来完成?
for循环的解决方案:
for (var i = 0; i < this.awesomeTesting.length; i++) {
this.events.push({
title: this.awesomeTesting[i].title,
start: this.awesomeTesting[i].start
});
}
关于javascript - 如何使用 Angular-fullstack 从 $onInit() 中定位构造数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36934116/