Блог

Я пробовал новые вещи с angular2, поэтому сейчас у меня возникла эта проблема. Я хотел привязать https://www.npmjs.com/package/ng2-datetime-picker в моем модуле и там написано, что я должен связать его следующим образом

 @NgModule({
   imports: [BrowserModule, FormsModule, Ng2DatetimePickerModule],
   declarations: [AppComponent],
   bootstrap: [ AppComponent ]
 })
  

Но самое смешное, что у меня нигде в моем проекте нет @NgModule. Я просто работаю с @Component.

Мой main.ts выглядит так, снова без @NgModule:

 import { bootstrap }    from '@angular/platform-browser-dynamic';
 import { APP_ROUTER_PROVIDERS } from './app.routes';
 import {HTTP_PROVIDERS} from '@angular/http';

 import { AppComponent } from './src/index/app.component';
 import { SharedService } from './sharedService/SharedService';

 import {enableProdMode} from '@angular/core';
 enableProdMode();

 bootstrap(AppComponent, [
     APP_ROUTER_PROVIDERS, HTTP_PROVIDERS, SharedService
 ]);
  

и мой AppComponent

     import { Component } from '@angular/core';
     import { ROUTER_DIRECTIVES } from '@angular/router';
import {Http} from '@angular/http';
import { CookieService } from 'angular2-cookie/services/cookies.service';
import { FORM_PROVIDERS } from '@angular/forms';

import { TRANSLATION_PROVIDERS} from '../../translate/translation';
import { TranslateService } from '../../translate/translate.service';
import { TranslatePipe } from '../../translate/translate.pipe';

@Component({
    selector: 'my-app',
    template:
        `<div>
            <router-outlet></router-outlet>
            <app-dashboard></app-dashboard>
            <app-login></app-login>
        </div>`,
    directives: [ROUTER_DIRECTIVES],
    pipes: [TranslatePipe],
    providers: [CookieService, FORM_PROVIDERS, TRANSLATION_PROVIDERS, TranslateService],
})

export class AppComponent {
    public constructor(private http: Http, private _translate: TranslateService) {
        /* Setting default lanaguage. */
        switch(navigator.language) {
            case 'de' : {
                _translate.use('de');
                break;
            }
            default: {
                _translate.use('en');
            }
        }
    }

    public requestAPI = function() {
        return this.http;
    }
}
  

Итак, как я могу использовать эту библиотеку сейчас? Я не знаю, куда его привязать. Был бы очень рад, если бы кто-нибудь мог помочь.

Заранее спасибо!

Похоже, что ваш проект находится в rc * версии Angular. Попробуйте перенести его на последнюю версию 2.0.1. Здесь https://angular.io/docs/ts/latest/guide/architecture.html есть более подробная информация о модулях.