角度引導3導航欄子菜單，將不會觸發

Question

我有角1.2.1和3.0.2自舉

平原香草資產淨值有下拉菜單下正常工作，但是當我嘗試使用NG-重複生成我的菜單子菜單不會觸發。

的HTML：

  <ul class="nav navbar-nav" ng-repeat="data in main_menu"> 
       <li ng-class="{'dropdown' : data.nodes}"> 
        <a href="{{data.link}}" ng-class="{'dropdown-toggle' : data.nodes}">{{data.name}} <b class="caret" ng-if="data.nodes"></b> 
        <ul ng-if="data.nodes" ng-repeat="items in data.nodes" class="dropdown-menu"> 
         <li><a href="{{items.link}}">{{items.name}}</a></li> 
        </ul> 
       </li> 
      </ul> 

在控制器：

$scope.main_menu = [ 
    { 
    name: 'Home', 
    class: '', 
    link: '/', 
    nodes: false 
    }, 
    { 
    name: "DropDown", 
    class: 'dropdown-toggle', 
    link: '#', 
    nodes: [ 
     { 
     name: "Node2", 
     class: '', 
     link: 'link' 
     }, 
     { 
     name: "Node2", 
     class: '', 
     link: 'link' 
     }, 
     { 
     name: "Node2", 
     class: '', 
     link: 'link' 
     }, 
     { 
     name: "Node2", 
     class: '', 
     link: 'link' 
     } 
    ] 
    } 

]; 

正常引導HTML子菜單功能工作正常.. 什麼建議嗎？

檢查後..

的角度HTML塊是不正確的，這種調整它呈現正確的HTML - 下拉仍然不工作

  <ul class="nav navbar-nav" > 
       <li ng-repeat="data in main_menu" ng-class="{'dropdown' : data.nodes}"> 
        <a href="{{data.link}}" ng-class="{'dropdown-toggle' : data.nodes}">{{data.name}} <b class="caret" ng-if="data.nodes"></b></a> 
        <ul ng-if="data.nodes" class="dropdown-menu"> 
         <li ng-repeat="items in data.nodes"><a href="{{items.link}}">{{items.name}}</a></li> 
        </ul> 
       </li> 
      </ul> 

Answer 1

兩個步驟：

1. 添加attr data-toggle="dropdown"的鏈接。

2. 更新控制器，將link: '#'更改爲link: ''。