javascript - ng-include wont load script nested in inlcuded html -


i´m trying include html page ng-include directive div in main html.

main html:

<div class="col-sm-9" data-ng-include="'subpage.html'">     </div> 

this subpage displayed correclty in given div. additionaly subpage contains script contains angular methods. added in header of subpage.

<script type="text/javascript" src="js/subservice.js"></script> 

calling page

localhost:8080/subpage

allowes me use functions , linked functions controller.

but when included via ng-include script not load ofc results in no functionality. (checked in console)

both mainpage , subpage contain ng-app directive , both full standalone html.

does have idea how this?

update

like said in answers

<object name="subpage" type="text/html" data="./subpage.html"></object> 

is solution.but did´t found solution swap them dynamcly in body div tag.

another option load via jquery:

$("#subpage_id").click(function() {         $.getscript("js/subservice.js");          $("#body").load("./subpage.html");      }); 

this solution loads html , styles wont js (which dumb because wont load controller js)


Comments

Popular posts from this blog

asynchronous - C# WinSCP .NET assembly: How to upload multiple files asynchronously -

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -