如何在角度js

Question

我正在尝试在角度js中创建顶部栏导航菜单。它具有动态的下拉菜单列表。我从DB获取菜单。 所以我从控制器调用DB并在那里获取数据并在那里形成具有css属性的动态列表。 下面是控制器文件中的代码：

  .controller('NavController',['$scope','$http','$sce',function($scope,$http,$sce)        {    
$http.get('service/getnavitem.do').then(function(response){
//here i am doing some looping and forming list with returned data
//lets suppose final list formed after looping through data is
$scope.navlist="<li><a href='#'>item1</a><ul class='menu'>
<li><a href='#'>Item2"</a></li></ul></li>";});}]);


  //View code: Navigation.html

<div ng-controller='NavController'>
<ul class="dropdown menu navigation" dropdown-menu>
   <li>
        <a href="#">Root Item>< /a>
       <ul class="menu" id="navmenu" ng-html-bind="navlist" ></ul>
   </li>
</ul>
</div>

//app.js code`enter code here`

var mainapp=angular.module("myApp",['mm.foundation','ngSanitize'])
.directive('navmenu',function(){return{
    restrict:'A',
    replace:true,
    controller:'NavController',
    templateUrl:'app/view/Navigation.html'
}
  });

我的问题是顶级列表正在创建并且应用了css。 Css未应用于从控制器动态生成的列表。

$scope.navlist="<li><a href='#'>item1</a>
<ul class='menu'><li><a href='#'>Item2"</a></li></ul></li>"

这里我提到了class ='menu'，但它没有用。

当我直接在视图中编写这段代码时，它的工作原理，但问题是我希望它是动态的。谁能帮忙。 我是Angular js的新手，需要帮助开始。 非常感谢提前。 我使用角度基础导航菜单。我已经为ng-html-bing标签添加了angular-sanitize.js。