कैसे करने के लिए संदर्भ स्थानीय जेएस मॉड्यूल में Blazor घटकों?

0

सवाल

पर Dotnetconf दो सप्ताह पहले मैंने सुना है कि यह अब संभव है को शामिल करने के लिए स्थानीय जावास्क्रिप्ट फ़ाइलों में Blazor घटकों. लगता है कि बहुत दिलचस्प है । मुझे लगता है कि दृष्टिकोण है, अभी भी उपयोग करने के लिए JSIniterop और संदर्भ मॉड्यूल फ़ाइल.

लेकिन कैसे करते हैं आप संदर्भ की JS फाइल है ??? मैंने कोशिश की है सभी संभव रचनात्मक वेरिएंट लेकिन अब तक सफलता के बिना.

मैं हैरान हूँ के लिए गूगल हर जगह मिल जाए, लेकिन कोई गाइड या नमूना अभी तक इस पर. सभी संकेत की सराहना कर रहे हैं.

blazor components interop javascript
2021-11-19 15:22:16
1

सबसे अच्छा जवाब

1

आप कर सकते हैं बनाएँ .जे एस कोड फाइल करने के लिए अगले .उस्तरा.cs फ़ाइल लोड है कि फाइल के क्रम में. यह वर्णित है यहाँ. इसके अलावा, मैं पाया की प्रस्तुति इस सुविधा यहाँ और github रेपो यहाँ.

चलो कहना है कि आप ComponentA के साथ ComponentA.razor, ComponentA.razor.cs और ComponentA.razor.js फाइलों में Pages फ़ोल्डर. आप लोड कर सकते हैं इस मॉड्यूल के दौरान घटक का प्रारंभ कुछ इस तरह से:

[Inject]
public IJSRuntime JS { get; set; }

private IJSObjectReference module { get; set; }

protected override async Task OnInitializedAsync()
{
    module = await JS.InvokeAsync<IJSObjectReference>("import", "./Pages/ComponentA.razor.js");
}

लेकिन अगर अपने घटक में परिभाषित किया गया है एक घटक पुस्तकालय परियोजना तो आप का उपयोग करने के लिए अलग अलग फ़ाइल पथ. उदाहरण के लिए यदि आपके प्रोजेक्ट का नाम है AppComponents तो इस पथ के लिए किया जाएगा ./_content/AppComponents/ComponentA.razor.js.

2021-11-20 14:42:26

मैं के बाद अपने नमूना है, लेकिन अभी भी एक ही अपवाद नहीं है । शायद यह संभव नहीं है से कस्टम घटक में अन्य फ़ोल्डर की तुलना में पृष्ठों? त्रुटि: Microsoft.JSInterop.JSException: विफल करने के लिए लाने के लिए गतिशील रूप से आयातित मॉड्यूल: स्थानीय होस्ट:5000/_content/ProjectName/घटकों/आम/...
Jakob Lithner

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................