2016-10-26 1 views
0

n00b를 각도로 그리고 부트 스트랩으로, 비교적 노드 j가 새롭기 때문에 여기에서 webpack 시작 키트를 사용하여 깨끗한 기반을 설정하려고합니다 (ng-bootstrap을 사용하여 각도 2를 올바르게 설정하는 방법

).

https://github.com/AngularClass/angular2-webpack-starter

여기에서 각도 2의 공식 부트 스트랩 4 :

"@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.9", 
"bootstrap": "^4.0.0-alpha.5", 
"tslint": "^3.15.1", 
,536 : 지금까지 https://ng-bootstrap.github.io/#/getting-started

난 그냥 웹 애플리케이션 스타터 키트에 약간의 수입을 추가했습니다

https://ng-bootstrap.github.io/#/getting-started

은 내가 무엇을 부탁 해요 것은 :

지금 내 문제는 내가 설명서를 설치 NG-부트 스트랩에서 언급 한 코드 조각을 넣어 어디에서 수행 할 작업을 전혀 단서가 없다는 것입니다 :

1) 이러한 코드 조각이 무엇인지에 대한 설명과 위에 링크 된 구체적인 시동기 키트 프로젝트에이 자료를 넣을 위치에 대해 설명합니다. (왜냐하면 배울 의향이 있지만 그 정보는 n00b).

내 말은 무엇입니까? 예 : AppComponent? 그것은 정의되지 않았습니다 - 나는 그것이 무엇을 의미하는지 전혀 모른다.

2) 이제이 프로젝트에서 실제로 부트 스트랩은 어디에 있습니까?

이러한 것들은 아는 사람들에게 어리석은 질문 일 수 있습니다. 그러나 초보자로서, 나는 그 순간에 완전히 거기에서 길을 잃는다.

미리 도움을 주셔서 감사합니다. 언급 NG-부트 스트랩에서 복사

설치 문서 : 단순히 NgbModule를 가져올 수 있습니다 응용 프로그램에서

import {NgbModule} from '@ng-bootstrap/ng-bootstrap'; 

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

다른 모듈 다음 app.module 파일

import {NgbModule} from '@ng-bootstrap/ng-bootstrap'; 

@NgModule({ 
    declarations: [OtherComponent, ...], 
    imports: [NgbModule, ...] 
}) 
export class OtherModule { 
} 

답변

2

봐. @NgModule() AppModule이 표시되어야합니다. 귀하의 예시에 게시 된 AppModule입니다. 귀하의 예제처럼 forRoot이라고하는 가져 오기에 NgbModule을 추가 할 때 반드시 확인해야합니다.

두 번째 예제에서 지금은 AppModule 만 사용하여 전체 응용 프로그램을 빌드 할 수 있습니다. 그러나 응용 프로그램이 커질수록 더 작은 모듈로 나누기를 원할 수 있습니다.이 경우 다른 모듈의 경우 NgbModule (없이forRoot()없이)을 추가해야합니다. forRoot()은 루트 앱 모듈에 추가 할 때만 호출됩니다. 모듈 사용에 대한 자세한 내용은 체크 아웃해야합니다. the documentation on modules

부트 스트랩이 실행되는 한 ng-bootstrap은 구성 요소 라이브러리이며 해당 구성 요소의 스타일은 실제 부트 스트랩 CSS를 기반으로합니다. 부트 스트랩을 설치했지만 응용 프로그램에 CSS를 추가해야합니다. these complicated steps을 모두 따라 할 수는 있지만 시작하려면 지금 당장 CDN을 사용하는 것이 가장 좋을 것입니다. 귀하의 색인에.HTML은 추가 당신이

을 시작하는 데 필요한 모든해야
<link rel="stylesheet" 
     href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" 
     integrity="sha384-AysaV+vQoT3kOAXZkl02PThvDr8HYKPZhNT5h/CXfBThSRXQ6jW5DO2ekP5ViFdi" 
     crossorigin="anonymous"> 

관련 문제