I'm having trouble with the templateUrl when it includes an ngTemplate in ngInclude.
In my index.html
<div ng-include="'./html/root.html'"></div>In my root.html
<script type="text/ng-template" id="home.html">
<div class="content">
<div class="group">
<div ng-bind-html="content"></div>
</div>
</div>
</script>
<div ng-view></div>
In my routeProvider.js
$routeProvider.when('/home', {
templateUrl: 'home.html',
controller: 'HomeCtrl'
})
The issue I'm facing is that it couldn't find "home.html" because root.html has ng-view within ngInclude.
Note 1: Putting the
<script type="text/ng-template" id="home.html">Note 2: Changing my routeProvider.js to:
$routeProvider.when('/home', {
template: "<div ng-include=\"'home.html'\"></div>",
controller: 'HomeCtrl'
})
This solution works as well.
Any suggestions on how to resolve this?