नमूना तालिका स्थापित करने में परेशानी। "पंक्तिबद्ध मॉडल का मिलान नहीं कर सका

Question

मैं नए प्रोजेक्ट पर एजी-ग्रिड के लिए "गेटिंग स्टार्टेड" ट्यूटोरियल से गुजर रहा हूं। सभी चरणों को पूरा किया है, लेकिन एक त्रुटि कह रही है

ag-Grid: could not find matching row model for rowModelType clientSide
ag-Grid: Row Model "Client Side" not found. Please ensure the ClientSideRowModelModule is loaded using: import '@ag-grid-community/client-side-row-model';

ट्यूटोरियल में दिए गए उदाहरणों और कुछ प्लंकर उदाहरणों के साथ मेरे सभी कोड की तुलना में, और कोई अंतर नहीं देखा। App.module के लिए ClientSideRowModelModule का आयात करने की कोशिश की, लेकिन इंटरफ़ेस कोणीय के अनुरोध के साथ मेल नहीं खाता, इसलिए यह काम नहीं किया। मैं विचारों से बाहर हूं और इसे ठीक करने के तरीके के बारे में कोई जानकारी पाने में विफल रहा।

app.module.ts:

    ... imports: [
    BrowserModule,
    AppRoutingModule,
    AgGridModule.withComponents([])
  ],...

app.cpmponent.html:

<ag-grid-angular 
style="width: 500px; height: 500px;" 
class="ag-theme-balham"
[rowData]="rowData" 
[columnDefs]="columnDefs"
 >
</ag-grid-angular>

app.component.ts:

    ...columnDefs = [
      {headerName: 'Make', field: 'make' },
      {headerName: 'Model', field: 'model' },
      {headerName: 'Price', field: 'price'}
  ];

  rowData = [
      { make: 'Toyota', model: 'Celica', price: 35000 },
      { make: 'Ford', model: 'Mondeo', price: 32000 },
      { make: 'Porsche', model: 'Boxter', price: 72000 }
  ];...

मैं Angular: 8.2.10, Angular CLI: 8.2.2, npm: 6.9.0 का उपयोग कर रहा हूं

Answer 1

आपके app.component.ts में, आपको पहले ClientSideRowModelModule को आयात करना होगा

import { ClientSideRowModelModule } from '@ag-grid-community/client-side-row-model';

फिर AppComponent वर्ग के अंदर, आपको इस तरह एक मॉड्यूल सरणी चर बनाने की आवश्यकता है:

modules: Module[] = [ClientSideRowModelModule];

अंत में, आपके app.component.html में, आपको इसे एग-ग्रिड-कोणीय घटक से बांधने की आवश्यकता है

<ag-grid-angular 
style="width: 500px; height: 500px;" 
class="ag-theme-balham"
[rowData]="rowData" 
[columnDefs]="columnDefs"
[modules]="modules"
 >
</ag-grid-angular>

आगे के संसाधन के लिए AgGrid के दस्तावेज़ देखें , यह AgGrid मॉड्यूल स्थापित करने पर चरण 3 है।

Comments

आपका बहुत बहुत धन्यवाद! मुझे प्रलेखन पढ़ने में थोड़ा और समय

— सर्गेई स्मिरनोव

जब आप एंटरप्राइज़ संस्करण का उपयोग करते हैं तो क्या होता है? मैं सभी एग-ग्रिड मॉड्यूल का आयात करता हूं और मैं यह देख सकता हूं कि इसमें यह भी शामिल है, फिर भी मुझे अभी भी यही त्रुटि मिल रही है: /

— स्टेवी स्टार

@StevieStar मैं भी इसी मुद्दे का सामना कर रहा हूं, समस्या यू के लिए हल हो गई है?

— रूचि गुप्ता

Answer 2

इस समस्या को हल करने के लिए, मुझे पहले maint.ts में ModuleRegistry और AllCommunityModules को आयात करना था और ModuleRegistry.registerModules (AllCommunityModules) को जोड़ना था ; नीचे बस से पहले platformBrowserDynamic () bootstrapModule (AppModule)। जैसे:

import { ModuleRegistry, AllCommunityModules } from '@ag-grid-community/all-modules';


ModuleRegistry.registerModules(AllCommunityModules);
platformBrowserDynamic().bootstrapModule(AppModule)
 .catch(err => console.error(err));

अंत में, घटक में (जैसे users.component.ts ) मैंने इसका उपयोग AllCommunityModules को आयात करके और चर की घोषणा करके किया है जैसे:

import { AllCommunityModules } from '@ag-grid-community/all-modules';


public modules: Module[] = AllCommunityModules;

मैं इस सवाल का जवाब से विचार आया यहाँ

Answer 3

मैं सामुदायिक संस्करण का उपयोग कर रहा हूं जिसमें कोई समस्या नहीं है। मैंने बस उद्यम का एक परीक्षण डाउनलोड किया और सब कुछ बदल गया। जब मैं इस मुद्दे पर भागा, तो मुझे पता चला कि ग्रिड पर [मॉड्यूल] = "मॉड्यूल" की आवश्यकता है। घटक पर इन दो लाइनों को शामिल करने की आवश्यकता है:

import { AllModules } from '@ag-grid-enterprise/all-modules';
modules: Module[] = AllModules;

मुझे सामुदायिक संस्करण में पहले ऐसा करने की आवश्यकता नहीं है, लेकिन इसने जल्दी से समस्या को ठीक कर दिया। उत्तर जो ऊपर स्वीकार किया गया था वह बताता है कि जब आपके आवेदन केवल व्यक्तिगत मॉड्यूल को एकीकृत कर रहे हैं तो क्या होने की आवश्यकता है। प्रति प्रलेखन : "आप एक न्यूनतम निर्दिष्ट किया जा करने के लिए एक पंक्ति मॉडल की जरूरत पर फिर व्यक्तिगत मॉड्यूल का चयन करने का निर्णय लेते हैं उसके बाद अन्य सभी मॉड्यूल अपनी आवश्यकताओं पर निर्भर करता है वैकल्पिक हैं।"।