【发布时间】:2019-02-22 13:34:19
【问题描述】:
我有一个包含数组的 js 文件! js文件是这样的
export const appointments = [
{
"taskID": 9018929,
"resource_ID": 1,
"title": "KNDL Thatcham",
"description": "<Non-Selected>\r\n10:00 - 18:00",
"startTime": "2018-12-28T00:00:00",
"endTime": "2018-12-28T23:59:00",
"statusColour": "#DFDFDF",
"clientColour": "#FFFDD7"
}]
我已经在 service.ts 中导入了这个 js 文件。而这个约会.js 并没有显示在 console.log 中。
import { Injectable } from '@angular/core';
import { appointments } from '../appointments';
import { Color } from "tns-core-modules/color";
// >> angular-calendar-require
import { CalendarEvent } from 'nativescript-ui-calendar';
@Injectable({
providedIn: 'root'
})
export class CalendarService {
constructor() {
//var a="test test etsdhsakdsakd dsddssdsd";
console.log(appointments);
}
这是我要导入 service.ts 的组件
import { Component, OnInit } from '@angular/core';
import { CalendarService } from "./service/calendar.service";
import { RadCalendar, CalendarEvent, CalendarSelectionEventData } from "nativescript-ui-calendar";
@Component({
selector: 'ns-calendar',
templateUrl: './calendar.component.html',
styleUrls: ['./calendar.component.css'],
moduleId: module.id,
providers: [CalendarService]
})
export class CalendarComponent implements OnInit {
}
【问题讨论】:
-
您确定
CalendarService()正在被实例化吗?如果将console.log(appointments);移到类定义之外(即直接在import之后)会发生什么? -
@DacreDenny 我已经在另一个组件中导入了 service.ts!我会在导入部分后告诉您它是否有效!再次检查代码,我已经添加了我导入service.ts的组件部分
-
您刚才提到了
providers。我认为在将CalendarService的实例注入组件的构造函数之前不会创建它。
标签: nativescript angular2-nativescript nativescript-angular