2016-08-29 3 views
4

Я новичок о angular.js. Я изучил основные понятия angular.js и понял структуру проекта.Нет NgModule в папках, созданных Angular-Cli

Но когда я использую angular-cli, сгенерируйте базовый проект, я нахожу в проекте, что в корневой папке src нет NgModule. Но соглашаясь с документами на главной странице углового, корень был NgModule. Итак, вот мой вопрос, в чем разница между ними. И почему angular-cli использует компонент как корень? Благодарю.

ответ

1

Я думаю, что angular-cli еще не обновлен. Угловой 2 все еще быстро меняется.

НО, вы можете создать его легко самостоятельно:

$ ng new yourproject

затем перемещаться внутри yourproject/src/ папки, замените main.ts этот путь:

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 

import { AppModule } from './app/app.module'; 

platformBrowserDynamic().bootstrapModule(AppModule); 

Теперь перейдите в папку yourproject/src/app и создать app.module.ts :

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { MdButtonModule } from '@angular2-material/button'; 

import { AppComponent } from './app.component'; 

@NgModule({ 
    imports: [ BrowserModule ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

Возможно, вам также необходимо будет добавить/обновить некоторые зависимости в yourproject/package.json. Вот мои:

"dependencies": { 
    "@angular/common": "2.0.0-rc.5", 
    "@angular/compiler": "2.0.0-rc.5", 
    "@angular/core": "2.0.0-rc.5", 
    "@angular/forms": "0.3.0", 
    "@angular/http": "2.0.0-rc.5", 
    "@angular/platform-browser": "2.0.0-rc.5", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.5", 
    "@angular/router": "3.0.0-rc.1", 
    "@angular/router-deprecated": "2.0.0-rc.2", 
    "@angular/upgrade": "2.0.0-rc.5", 
    "bootstrap": "^3.3.6", 
    "core-js": "^2.4.0", 
    "es6-shim": "0.35.1", 
    "reflect-metadata": "^0.1.3", 
    "rxjs": "5.0.0-beta.6", 
    "systemjs": "0.19.27", 
    "zone.js": "^0.6.12" 
    }, 
    "devDependencies": { 
    "angular-cli": "1.0.0-beta.10", 
    "codelyzer": "0.0.20", 
    "ember-cli-inject-live-reload": "1.4.0", 
    "jasmine-core": "2.4.1", 
    "jasmine-spec-reporter": "2.5.0", 
    "karma": "0.13.22", 
    "karma-chrome-launcher": "0.2.3", 
    "karma-jasmine": "0.3.8", 
    "protractor": "3.3.0", 
    "ts-node": "0.5.5", 
    "tslint": "^3.7.4", 
    "typescript": "^1.8.10", 
    "typings": "1.3.1" 
    } 
0

его, потому что на сегодняшний день, насколько я знаю Angular2 Cli работать на RC4, а не rc5 по НПМ по умолчанию установки, пример вы видите для библиотек RC5 (NgModule) - и не rc4, вы должны выбрать наиболее удобную для вас версию, потому что версии-кандидаты релизов имеют тенденцию быстро обновляться.

Смежные вопросы