I've searched extensively for a solution to this issue, but I feel like I may be overlooking something crucial.
Within my index.html file, there are two ui-view elements. The first ui-view seems to render the entire index.html page, including the head tag and js files instead of just the template, and I'm perplexed as to why that is happening.
The structure in my index.html looks like this:
<div id="wrapper">
<div ui-view="banner"></div>
<div ui-view="master"></div>
</div>
My ui-router routes are configured as follows:
$stateProvider
.state('index',
{
url: '/',
views: {
'master': {
templateUrl: 'landing.html',
controller: 'mainController'
},
'banner': {
templateUrl: 'banner.html',
controller: 'mainController'
},
}
});
However, the actual result does not match the expected output.
This discrepancy has left me puzzled. Any guidance or insights you could provide would be greatly valued!