Javascript 如何在angular js中从控制器向动态创建的列表添加CSS

我试图在angular 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'
}
  });

.controller（'NavController'，['$scope'，'$http'，'$sce'，函数（$scope，$http，$sce）{
$http.get（'service/getnavitem.do'）。然后（函数（响应）{
//在这里，我用返回的数据做一些循环和形成列表
//让我们假设循环遍历数据后形成的最终列表是
$scope.navlist=“

“；}”）；}）；
//查看代码：Navigation.html


”

这里我提到class='menu'，但它不起作用

当我在视图中直接编写这段代码时，它是工作的，但问题是我希望它是动态的。有人能帮忙吗。 我是新来的角js，需要帮助的手开始。 先谢谢你。

---

我使用角基导航菜单。我包含了Nang-Studiix.js用于NG HTML Bing标签。< /P>你能发布CSS吗？也许有一个错误。您好，那里有角度的人，对此的任何帮助都是gratehey RRd，当我直接在视图中动态生成代码时，同样的CSS工作，所以CSS部分应该是好的BTW我正在使用。NULL绑定到HTML> LI>根项目> UL类=“菜单”ID =“NaveNoChans' NG HTML绑定=“NaveListar”> 尝试添加以下行$范围.NaveList= $SCE.TuffasHtML（$Simult.NaVLIST）$ $avest.NaveList=“

UL类=菜单”> LI>

";});}]);你能发布css吗？也许有一个错误。您好角人那里，任何帮助，这将是gratehey RRd，相同的CSS工作时，我写动态生成代码直接在视图中，所以CSS部分应该是好的BTW我正在使用基础。6.2.3删除>并将其设置为ng bind html

根项>

尝试在$scope.navlist=“

”；）之后添加以下行$scope.navlist=$sce.trustAsHtml（$scope.navlist）；

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