"एनजी-बूटस्ट्रैप" और "एनएक्सएक्स-बूटस्ट्रैप" के बीच अंतर क्या है?


231

"एनजी-बूटस्ट्रैप" और "एनएक्सएक्स-बूटस्ट्रैप" के बीच अंतर क्या है? क्या वे एक दूसरे से संबंधित हैं? या वे केवल समवर्ती कार्यान्वयन हैं?

क्या किसी ने उन दोनों के साथ काम किया है और दोनों के पेशेवरों और विपक्षों को दे सकता है / समझा सकता है?

"एनजी-बूटस्ट्रैप" से मेरा मतलब है कि https://ng-bootstrap.github.io/#/home और

"एनएक्सएक्स-बूटस्ट्रैप" से मेरा मतलब है कि http://valor-software.com/ngx-bootstrap/

दोनों Angular 4 ( AngularJS! ) और बूटस्ट्रैप 4 से संबंधित नहीं हैं

कृपया ध्यान दें कि यह isx-बूटस्ट्रैप और ng2 बूटस्ट्रैप के बीच अंतर का डुप्लिकेट प्रश्न नहीं है ?


17
ngx-bootstrapबूटस्ट्रैप 3 & 4 को दबाता है, जबकि ng-bootstrap(AngularJs में ui-bootstrap) केवल बूटस्ट्रैप 4 का समर्थन करता है
डेवलपर

1
मुझे लगता है कि @snorkpete उत्तर एक सही उत्तर के रूप में सेट होने के योग्य है, उसने उत्तर खोजने और उसे लिखने में समय लिया। वापस आने के लिए और स्टैकओवरफ़्लो में रखे गए आपके प्रश्न के उत्तरों को पढ़ना एक अच्छी संस्कृति है, और फिर उनकी समीक्षा करें और यदि आप एक से संतुष्ट हैं, तो एक सही उत्तर के रूप में चुनें
hossein bakhtiari

जवाबों:


213

एनजी-बूटस्ट्रैप और एनजीएक्स-बूटस्ट्रैप दो अलग-अलग प्रोजेक्ट टीम द्वारा दो अलग-अलग परियोजनाएं हैं जो कमोबेश एक ही चीज को पूरा करने की कोशिश कर रही हैं - आपको jQuery के उपयोग के बिना एंगुलर (2+) में बूटस्ट्रैप का उपयोग करने की अनुमति देता है।

वे दोनों केवल कोणीय (कोई jQuery) का उपयोग करके बूटस्ट्रैप घटकों के पुनर्निर्माण कर रहे हैं। मुख्य अंतर बूटस्ट्रैप के किस संस्करण का समर्थन करते हैं।

  • ngx-bootstrap बूटस्ट्रैप 3 और 4 का समर्थन करता है।
  • एनजी-बूटस्ट्रैप बूटस्ट्रैप 4 का समर्थन करता है और कोणीय 5+ की आवश्यकता होती है।

इसका मतलब यह है कि अगर आपको बूटस्ट्रैप संस्करण 3 का उपयोग करने की आवश्यकता है, तो एनजीएक्स-बूटस्ट्रैप आपका एकमात्र वास्तविक विकल्प है। यदि आप बूटस्ट्रैप 4 का उपयोग कर सकते हैं, तो आप दो परियोजनाओं के बीच चयन कर सकते हैं।

अन्य (संभावित रूप से महत्वपूर्ण) अंतर परियोजनाओं के पीछे की टीम है। इस संबंध में ध्यान देने योग्य महत्वपूर्ण बात यह है कि एनजी-बूटस्ट्रैप के पीछे की टीम कोणीय-यूआई-बूटस्ट्रैप - एंगुलरजेएस (यानी 1.x) बूटस्ट्रैप लाइब्रेरी के लिए भी जिम्मेदार थी।


3
यही कारण है कि दो टीम के लिए एक सवाल है। बाहर से देखने में, उनके पास कुछ अलग लक्ष्य हैं, इसलिए मुझे लगता है कि इसके साथ कुछ करना है, लेकिन यह सिर्फ मेरे हिस्से पर अनुमान है
स्नोर्कपेट

क्या यह समस्या होगी कि हम अपने कोणीय प्रोजेक्ट में दोनों पुस्तकालयों को शामिल करें? यदि हां, तो किस तरह के मुद्दों की उम्मीद है?
RITZ XAVI

शायद संभव है, लेकिन लगता है जैसे ओवरकिल। अगर आपको इस बात की परवाह नहीं है और आप बूटस्ट्रैप 4 का उपयोग कर रहे हैं, तो बस एक को चुनें (यदि आप के पास है तो बेतरतीब ढंग से)।
स्नोर्कपेट 22

38

मैं इस बारे में सोच रहा था कि मैं अपने प्रोजेक्ट के लिए क्या उपयोग करूं और फिर दोनों प्रोजेक्ट की तुलना करने के बाद मुझे लगता है कि एनजीआर-बूटस्ट्रैप वेलोर-सॉफ्टवेयर द्वारा एक बेहतर विकल्प है क्योंकि इसमें एनीमेशन है जो कि इसे मॉडेल कंपोनेंट में बनाया गया है। एनजी-बूटस्ट्रैप एनीमेशन अभी भी मौजूद नहीं है, एक एनीमेशन के बिना एक मोडल पॉपिंग एक प्रमुख बमर है। अन्य कारण यह है कि एनजी-बूटस्ट्रैप अभी भी बीटा में है और एनजीएक्स-बूटस्ट्रैप के साथ तुलना करते समय मैं अपने उत्पादन आवेदन के लिए इसका उपयोग करने में असमर्थ था, जिसमें पहले से ही एक रिलीज उम्मीदवार संस्करण है (12.22.2017)। हालांकि मैं दोनों परियोजनाओं को शुभकामनाएं देता हूं और उम्मीद है कि ठोस समाधान के साथ आएगा।


3
Ng-bootstrap 1.0.0 अब उपलब्ध है और AOT कंपाइलर बिना किसी समस्या के बनाता है। देखें github.com/ng-bootstrap/ng-bootstrap/blob/master/CHANGELOG.md
Stevethemacguy

16

@ दिलशान से सहमत। मैंने अपने नए उत्पाद के लिए एनएक्सएक्स-बूटस्ट्रैप चुनने का भी निर्णय लिया। कुछ शोध के बाद, मैंने पाया कि एनएक्सएक्स उत्पादन के लिए अधिक परिपक्व और स्थिर है। एनजी-बूटस्ट्रैप विकास के अधीन है।

संदर्भ के लिए एक अच्छा संसाधन, CoreUI.io में एक पूर्ण कार्यात्मक CoreUI + कोणीय 5.x + एनजीएक्स-बूटस्ट्रैप नमूना परियोजना है । मैंने वास्तव में इस परियोजना से एनएक्सएक्स सीखा। आप इसका लाइव पूर्वावलोकन ब्राउज़ कर सकते हैं या प्रोजेक्ट पैकेज डाउनलोड कर सकते हैं।


8
निर्भर करता है कि आप "परिपक्व" को कैसे परिभाषित करते हैं, क्योंकि एनएक्सएक्स-बूटस्ट्रैप का किसी भी चीज पर एक भी परीक्षण नहीं होता है। जहाँ एनजी-बूटस्ट्रैप को हर चीज पर परीक्षण लगता है।
रिकी रनगे

जानकर अच्छा लगा, शेयर करने के लिए धन्यवाद। मेरा मानना ​​है कि एनजी-बूटस्ट्रैप जाने का सही तरीका है। मैंने केवल परिपक्वता का उल्लेख किया क्योंकि यह सिर्फ एक सप्ताह पहले जारी किया गया था। ( "इस पुस्तकालय पर कार्य चल रहा है ...")
Jiping

4
आज के ओपन सोर्स फ्रंट-एंड इकोसिस्टम में, परिपक्व अब '2 महीने से अधिक पहले जारी' का मतलब लगता है। ;)
एरिक सोयके ने

9

मैंने एनजीएक्स-बूटस्ट्रैप (वेलोर द्वारा) और एनजी-बूटस्ट्रैप (एनजी-बूस्टर द्वारा) दोनों का उपयोग किया है। यहाँ आपके द्वारा प्राप्त विशिष्ट विशेषताओं के मेरे दो सेंट हैं:

NGX-बूटस्ट्रैप:

  1. लगभग सभी चीजों पर बिलियन एनीमेशन का समर्थन (मॉडल, अकॉर्डियन, कॉलपास, ड्रॉपडाउन, डेटपिकर ...)
  2. बेहतर मोडल समर्थन (नेस्टेड मोडल, सेवा के रूप में मोडल, टेम्पलेट के रूप में मोडल)
  3. छाँटने योग्य घटक (खींचें और ड्रॉप सुविधा के साथ)

एनजी-बूटस्ट्रैप:

  1. नव सुविधा (टैबसेट को पदावनत कर दिया गया है)
  2. बिल्ट टोस्ट घटक
  3. पैकेज का आकार एनएक्सएक्स-बूटस्ट्रैप के रूप में लगभग आधा गुना है (न्यूनतम + गज़्ड)

आप npmtrends के साथ उनके npm डाउनलोड काउंट्स के बीच तुलना भी कर सकते हैं

[नोट: मेरा उत्तर वर्तमान नवीनतम संस्करण यानी ngx-bootstrap v5.5.0 और ng-boostrap v6.0.0 है]


7

एक अंतर उनके डेट पिकर द्वारा उपयोग किए जाने वाले प्रारूप में है। एनजी-बूटस्ट्रैप एक ऑब्जेक्ट का उपयोग करता है, लेकिन एनजीएक्स-बूटस्ट्रैप एक स्ट्रिंग लेगा जो कि उपयोग करने के लिए आसान है।


7

एनजी-बूटस्ट्रैप समर्थित प्रतीत नहीं होता है - शीर्ष अनुरोध परिशिष्ट निकाय है और अनुरक्षक का कहना है कि वह परियोजना पर काम नहीं कर रहा है।

मैं सब कुछ ngx-bootstrap पर स्विच कर रहा हूं


7

प्रश्न में निर्दिष्ट एनजी-बूटस्ट्रैप ( https://ng-bootstrap.github.io पर एक ) एनपीएम पैकेज एनजी-बूटस्ट्रैप नहीं है।

इसके बजाय, npm पैकेज @ एनजी-बूटस्ट्रैप / एनजी-बूटस्ट्रैप है

यह एक अलग टीम द्वारा विकसित किया गया है।

$ npm दृश्य @ एनजी-बूटस्ट्रैप / एनजी-बूटस्ट्रैप

@ एनजी-बूटस्ट्रैप / एनजी-बूटस्ट्रैप @ 3.2.0 | MIT | deps: 1 | संस्करण: 61 कोणीय संचालित बूटस्ट्रैप https://github.com/ng-bootstrap/ng-bootstrap#readme

एनपीएम पैकेज एनजी-बूटस्ट्रैप वास्तव में एनजीएक्स-बूटस्ट्रैप का एक पुराना संस्करण है।


4

विस्तारित टिप्पणी के रूप में इतना जवाब नहीं ...

मैं टीमों के स्वतंत्र होने को लेकर इतना आश्वस्त नहीं हूं। दौड़ना npm view ngx-bootstrapऔर npm view ng-bootstrapदिखाना कि दोनों एक ही ईमेल खाते से प्रकाशित हुए थे।

मुझे लगता है कि दोनों टीमें संबंधित हैं।

npm देखें ngx -bootstrap

C:\:
17:07:25.16>npm view ngx-bootstrap

ngx-bootstrap@3.0.1 | MIT | deps: none | versions: 40
Native Angular Bootstrap Components
https://github.com/valor-software/ngx-bootstrap#readme

keywords: angular, bootstap, ng, ng2, angular2, twitter-bootstrap

dist
.tarball https://registry.npmjs.org/ngx-bootstrap/-/ngx-    bootstrap-3.0.1.tgz
.shasum: e98d2fc6340f32a9d358cd08e8fda7dcb23bdab3
.integrity: sha512-ni91yYtn8ldgf/pxrlwl9lkVcLURGzopSpJnEbbgG1v1EZWTobI8y7J3mx4Kxptkn0EeiQwnLel67G7XJSox4A==
.unpackedSize: 8.4 MB

maintainers:
- valorkin <valorkin@gmail.com>

dist-tags:
latest: 3.0.1       next: 3.0.1         test: 0.0.0-test.0

published a month ago by valorkin <valorkin@gmail.com>

npm देखें एनजी -bootstrap

C:\:
17:16:42.36>npm view ng-bootstrap

ng-bootstrap@1.6.3 | MIT | deps: 1 | versions: 8
Native Angular Bootstrap Components
https://github.com/valor-software/ngx-bootstrap#readme

keywords: ng, ng-bootstap, angular, angular2, bootstrap, twitter-bootstrap

dist
.tarball https://registry.npmjs.org/ng-bootstrap/-/ng-bootstrap-1.6.3.tgz
.shasum: d41fd42154c0593422cb83c473a3828aa7525bf5

dependencies:
moment: 2.18.1

maintainers:
- pkozlowski_os <pkozlowski.opensource@gmail.com>
- ng-bootstrap <foxandxss@gmail.com>

dist-tags:
beta: 1.1.16-3  latest: 1.6.3

published a year ago by valorkin <valorkin@gmail.com>

9
एनजी-बूटस्ट्रैप एनजीएक्स-बूटस्ट्रैप का एक पुराना नाम है । के लिए ng-bootstrap.github.io , NPM पैकेज का नाम है @ एनजी-बूटस्ट्रैप / एनजी-बूटस्ट्रैप , यानीnpm view @ng-bootstrap/ng-bootstrap
atao

1
अधिक है कि "valorkin" पुरुष की तरह लगता है एनजी-बूटस्ट्रैप से था और अपने ही टीम NGX के लिए "वीरता-सॉफ्टवेयर" खोला
फैकंडो Colombier
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.