1

我正在尝试在 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'
}
  });

我的问题是正在创建顶部列表并应用 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。

4

0 回答 0