비 SPA로 Angular2를 사용하는 방법?

방금 Angular2를 시작했고 웹에서 찾을 수있는 모든 자습서에서 SPA (Single Page Apps) 용 Angular2를 설정하는 방법 만 설명했습니다. 등 난 여전히 PHP를 사용하고 단지 로그인/회원 가입/연락처 등 몇 군데에 Angular2을 사용하려면 내 사이트의 홈페이지,비 SPA로 Angular2를 사용하는 방법?

위한 그러나

어떻게 그 연락처에 연락 구성 요소를 초기화 할 수 로그인 페이지의 로그인 구성 요소 등?

나는 모든 것을 한번에로드하는 것을 원하지 않으며 로그인, 가입 등의 기능을 처리하는 간단한 구성 요소입니다.

부트 스트랩 부분에서 뭔가해야한다고 생각하지만 정확히 무엇입니까?

EDIT : 한 페이지에 Login + Signup 구성 요소를 사용할 수도 있습니다.

출처

2016-06-10 Radical_Activity

에 필요한 어떤 구성 요소 부트 스트랩 수있는 나쁜 생각 UI 경험의 용어. 여러 파일을로드하는 것에 대해 걱정할 경우 프로덕션 빌드에서 모든 파일이 병합되고 하나로 축소됩니다. 따라서 이것은 실제로 문제가 아닙니다. – Walfrat

SPA로 곧 이동할 계획이 아니라면 SPA 이외의 구성 요소에 대해 좀 더 가벼운 (각도 1.x, 웹 구성 요소) 것을 제안합니다. Angular 2는 상당한 오버 헤드를 가지며 사용하려는 것으로 계획되지 않았습니다. – estus

Angular2는 작은 출력을 생성하는 데 상당한 진전을 보였습니다. 아직 모든 도구가있는 것은 아니지만 실험이 성공적이었습니다. 작은 앱의 경우 출력 크기가 Angularjs 출력 크기보다 작습니다. Angular2 구성 요소 외부에는 지시문을 사용할 수 없습니다. 그러나 구성 요소를 추가하려면 괜찮습니다. Angular2 기능을 추가하려는 각 페이지마다 다른 Angular2 응용 프로그램을 만들어야합니다. –

나는 당신이 페이지 사이를 로딩 시간을 증가이 문서 http://ngcourse.rangle.io/handout/routing/lazy_loading_of_components.html 다음 해당 페이지

import {bootstrap} from '@angular/platform-browser-dynamic'; 
import {ContactComponent} from './contact.component'; 

bootstrap(ContactComponent);

출처

2016-06-10 12:34:15 AngJobs

그건 내가 각 페이지에 대한 완벽한 Angular2 응용 프로그램을 만들어야 할 것입니다, 이상적이지 않습니다. 또한 한 페이지에서 Login + Signup 구성 요소를 사용하려면 어떻게해야합니까? –

그런 다음 2 개의 구성 요소 만있는 매우 단순한 SPA가 있습니다. AppComponent를 추가하면 ok 3입니다. – AngJobs

네, 확실히 해결 방법이지만 일부 공유 서비스도 사용하려고합니다. 이것은 많은 쓰레기 코드를 만들 것입니다. 나는 이것을 달성 할 또 다른 방법이 있다고 확신한다. –

비 SPA로 Angular2를 사용하는 방법?

답변

관련 문제