2016-06-10 12 views
17

मैंने अभी कोणीय 2 के साथ शुरुआत की है और पता चला है कि वेब पर पाए जाने वाले सभी ट्यूटोरियल केवल यह बताते हैं कि एकल पृष्ठ ऐप्स (एसपीए) के लिए एंगुलर 2 कैसे सेट अप करें।गैर-एसपीए के रूप में Angular2 का उपयोग कैसे करें?

आदि अपनी साइट के होमपेज पर मैं अभी भी पीएचपी उपयोग करने के लिए और सिर्फ लॉगिन/पंजीकरण/संपर्क की तरह कुछ स्थानों पर Angular2 उपयोग करना चाहते हैं,

के लिए हालांकि

कैसे है कि संपर्क पर संपर्क घटक को प्रारंभ करने के लिए संभव पेज, लॉगिन पेज पर लॉग इन घटक, आदि?

मैं नहीं चाहता कि वे सभी एक बार लोड हो जाएं, केवल एक साधारण घटक जो लॉगिंग, साइन अप आदि कार्यों को संभालता है।

मुझे बूटस्ट्रैपिंग भाग पर कुछ करने की ज़रूरत है, लेकिन वास्तव में क्या?

संपादित करें: मैं भी एक पेज पर लॉगिन + साइनअप componenents का उपयोग करना चाहूंगा।

+0

पर की जरूरत है इस लेख http://ngcourse.rangle.io/handout/routing/lazy_loading_of_components.html पृष्ठों के बीच लोडिंग समय में वृद्धि के बाद में बुरा है यूआई अनुभव की शर्तें। यदि आप एकाधिक फ़ाइल लोड करने के बारे में चिंता कर रहे हैं तो यह न भूलें कि उत्पादन के निर्माण के लिए, आपकी सभी फाइल विलय हो जाएगी और एक में छोटा हो जाएगी। तो यह वास्तव में कोई समस्या नहीं है – Walfrat

+0

जब तक आप जल्द ही एसपीए में जाने की योजना नहीं बनाते, मैं गैर-एसपीए घटकों के लिए कुछ हल्के वजन (कोणीय 1.x, वेब घटक) का सुझाव दूंगा। कोणीय 2 में काफी ऊपरी भाग है और जिस चीज के लिए आप इसका उपयोग करना चाहते हैं उसके लिए कभी योजनाबद्ध नहीं थी। – estus

+0

कोणीय 2 ने छोटे उत्पादन के उत्पादन में काफी प्रगति दिखाई। अभी तक सभी उपकरण नहीं हैं, लेकिन प्रयोग काफी सफल थे। छोटे ऐप्स के लिए आउटपुट आकार Angularjs आउटपुट के आकार से नीचे था। आप Angular2 घटकों के बाहर निर्देश नहीं हो सकते हैं। लेकिन अगर आप घटकों को जोड़ना चाहते हैं तो यह ठीक है। आपको बस प्रत्येक पृष्ठ के लिए एक अलग Angular2 एप्लिकेशन बनाना होगा (जहां आप विभिन्न कोणीय 2 कार्यक्षमता जोड़ना चाहते हैं)। –

उत्तर

6

मुझे लगता है कि आप bootstrap सकता है जो कुछ भी घटक आप उस पृष्ठ

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

bootstrap(ContactComponent); 
+0

इसका मतलब यह होगा कि मुझे प्रत्येक पृष्ठ के लिए एक पूर्ण कोणीय 2 ऐप बनाना होगा, जो आदर्श नहीं है। साथ ही, अगर मैं एक पेज पर लॉगिन + साइनअप घटकों का उपयोग करना चाहता हूं तो क्या होगा? –

+0

फिर आपके पास केवल 2 घटकों के साथ एक बहुत ही सरल एसपीए है, ठीक है 3 अगर आप AppComponent – AngJobs

+0

जोड़ते हैं हां यह निश्चित रूप से एक कामकाज है, लेकिन मान लें कि मैं कुछ साझा सेवाओं का भी उपयोग करना चाहता हूं। यह बहुत कचरा कोड बना देगा। मुझे यकीन है कि इसे हासिल करने का एक और तरीका है। –

संबंधित मुद्दे