Angular - Why won't my ui-view show my template html text?

Question

I wonder why my template which I refer to in my angular state ('home') won't be shown - in my index.html I included a <ui-view></ui-view> tag. Does anyone know?

app.js:

var app = angular.module('portfolio', ['ui.router']);

html:

<body ng-app="portfolio">
    <p>hellooooo</p>
    <ui-view></ui-view>

    <script src="angular.min.js"></script>         
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.0-beta.2/angular-ui-router.js"></script>
    <script src="js/app.js"></script>
    <script src="js/home/home.js"></script>     
</body>

home.js:

app.config(function ($stateProvider) {
    $stateProvider.state('home', {
        url: '/',
        templateUrl: '/browser/js/home/home.html'
    });
});

home.html:

<div><p>not working</p></div>

Take a look at the accepted answer to this question: http://stackoverflow.com/questions/16887018/stating-directive-templateurl-relative-to-root Your issue might be the `/` in your `templateUrl` param. — Pop-A-Stash, Oct 06 '16 at 15:47
I think its because you don't have a controller set in the state configuration. IIRC, a controller is required. — , Oct 06 '16 at 16:18

score 1 · Accepted Answer · answered Oct 06 '16 at 16:25

1

I think your router are not able to match / url. That's why you have to specify a default state, because not always your url will come with /.

Consider forcing a default state like so:

$stateProvider.otherwise('/');

answered Oct 06 '16 at 16:25

lenilsondc

9,590
2
25
40

Angular - Why won't my ui-view show my template html text?

1 Answers1