私はangularJsの新しい学生です。 .jsonでサブメニュー付きのメニューを作成したいとします。 同じ.jsonでメニューとサブメニューを追加できる動的メニュー。AngularJSサブメニュー付きjsonによるメニューテンプレート
<a href="#" ng-repeat="item in menuHeader">{{item.NAV.menu[x].subItens[x].nome}} </a>
私はこれは私が複数のサブメニューとメニューを持つことができるの観点から、他の要素内の要素をアセスするための方法だと思います。 私は内部でForループを実行しようとしましたが、それは.HTMLテンプレートです...だから、誰かが私を解決したり、他の方法で私を助けることができますか？ここで
はデモです：CLICK HERE!
どうもありがとう！
私はそれはあなたの期待あたりとして働くことを願って、これを試してみてください：解決
var app = angular.module('myApp', []);
function Ctrl($scope) {
var data = [
{
"NAV": {
"menu": [
{
"id": 0,
"nome": "Menu 1",
"subItens": [
{
"id": 0,
"nome": "SUB MENU 1"
},
{
"id": 1,
"nome": "SUB MENU 2"
},
{
"id": 2,
"nome": "SUB MENU 3"
}
]
},
{
"id": 1,
"nome": "Menu 2",
"subItens": [
{
"id": 0,
"nome": "SUB MENU 1_2"
},
{
"id": 1,
"nome": "SUB MENU 2_2"
}
]
},
{
"id": 2,
"nome": "Menu 3",
"subItens": [
{
"id": 0,
"nome": "SUB MENU 1_3"
}
]
}
]
}
}
];
$scope.menuLinks = data[0].NAV.menu;
}<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="Ctrl">
<ul class="nav">
<li ng-repeat="link in menuLinks"><a href="{{link.url}}" class="{{link.sub && 'dropdown-toggle' || ''}}" data-toggle="{{link.sub && 'dropdown' || ''}}">{{link.nome}}
</a>
<ul class="dropdown-menu" ng-show="link.subItens">
<li ng-repeat="subItem in link.subItens"> <a href="#123">{{subItem.nome}}</a>
</li>
</ul>
</li>
</ul>
</div>！
<a href="#" ng-click="changeSub($index)">
と条件：：
ng-show="$index == currentID">
$インデックスは私に正確なローカル配列を与える
私はこの行を変更します。 =）