javascript isolation in modules #4041

2 Answer(s)

• 

  0

  cala created 2 years ago

  main project - Pages/Test.razor

  @page "/test"
  
  <h3>Test</h3>
  
  @code {
  	private Lazy<IJSObjectReference> _module = new();
  	private Lazy<IJSObjectReference> _moduleInstance = new();
  	private DotNetObjectReference<Test>? _reference;
  	
  	[Inject]
  	private IJSRuntime _js { get; set; } = null!;
  
  	protected override async Task OnAfterRenderAsync( bool firstRender )
  	{
  		if( !firstRender )
  		{
  			return;
  		}
  		
  		IJSObjectReference jsModule = await _js.InvokeAsync<IJSObjectReference>( "import", "./Pages/Test.razor.js" );
  		_reference      = DotNetObjectReference.Create( this );
  		_module         = new Lazy<IJSObjectReference>( jsModule );
  		_moduleInstance = new Lazy<IJSObjectReference>( await _module.Value.InvokeAsync<IJSObjectReference>( "GetExample" ) );
  	}
  }
  

  main project - Pages/Test.razor.js

  class Example
  {
  	
  }
  
  let instance = new Example();
  
  export function GetExample()
  {
  	return instance;
  }
  

  module project - Pages/ModuleTest.razor

  @page "/module/test"
  
  @using Microsoft.JSInterop
  
  <h3>Test</h3>
  
  @code {
  	private Lazy<IJSObjectReference> _module = new();
  	private Lazy<IJSObjectReference> _moduleInstance = new();
  	private DotNetObjectReference<ModuleTest>? _reference;
  	
  	[Inject]
  	private IJSRuntime _js { get; set; } = null!;
  
  	protected override async Task OnAfterRenderAsync( bool firstRender )
  	{
  		if( !firstRender )
  		{
  			return;
  		}
  		
  		IJSObjectReference jsModule = await _js.InvokeAsync<IJSObjectReference>( "import", "./Pages/ModuleTest.razor.js" );
  		_reference      = DotNetObjectReference.Create( this );
  		_module         = new Lazy<IJSObjectReference>( jsModule );
  		_moduleInstance = new Lazy<IJSObjectReference>( await _module.Value.InvokeAsync<IJSObjectReference>( "GetExample" ) );
  	}
  }
  

  module project - Pages/ModuleTest.razor.js

  class Example
  {
  	
  }
  
  let instance = new Example();
  
  export function GetExample()
  {
  	return instance;
  }
  

  Save Cancel
• 

  0

  cala created 2 years ago

  found out: its only copied if you use correct path, _content/{PackeId}/{Path}

  not sure why you dont need to specify _conent in main project but it works

  Save Cancel