проблема с навигационной панелью загрузчика angularJS

Я написал ниже, чтобы получить панель навигации. Это не дает мне никаких ошибок. Но выход не то, что я ожидал. ниже мой HTML-код

<nav class="navbar navbar-default navbar-inverse navbar-static-top navbar-inverse-main" role="navigation" ng-init="navCollapsed = true" >
<!--<nav class="nav navbar-default" role="navigation">-->
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-brand-centerd">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbar-brand-centered">
<ul class="nav navbar-nav">
<li><a href="#/home">List</a></li>
<li><a href="#/create">Add</a></li>
</ul>
</div>
</div>
</nav>

Может ли кто-нибудь помочь мне определить, чего не хватает? Это использует angularJS начальной загрузки.

и то, что я получаю, когда я бегу, на картинке ниже.

Результат

Я пытался определить, что пошло не так. Кто-нибудь, пожалуйста, посмотрите. Я впервые пробую угловой загрузчик.