File tree Expand file tree Collapse file tree 2 files changed +39
-11
lines changed
Templates/All-In-One-Template/MySpaProject
MySpaProject.WebMpa/Views/Layout
MySpaProject.WebSpaAngular/App/Main/views/layout Expand file tree Collapse file tree 2 files changed +39
-11
lines changed Original file line number Diff line number Diff line change 1
- @model MySpaProject .WebMpa .Models .Layout .TopMenuViewModel
1
+ @using Abp .Collections .Extensions
2
+ @model MySpaProject .WebMpa .Models .Layout .TopMenuViewModel
2
3
@foreach ( var menuItem in Model .MainMenu .Items )
3
4
{
4
5
<li class =" @(Model.ActiveMenuItemName == menuItem.Name ? " active " : " " )" >
5
- <a href =" @menuItem.Url" >
6
- @if (! string .IsNullOrWhiteSpace (menuItem .Icon ))
7
- {
8
- <i class =" @menuItem.Icon" ></i >
9
- }
10
- @menuItem.DisplayName
11
- </a >
6
+ @if (menuItem .Items .IsNullOrEmpty ())
7
+ {
8
+ <a href =" @menuItem.Url" >
9
+ @if (! string .IsNullOrWhiteSpace (menuItem .Icon ))
10
+ {
11
+ <i class =" @menuItem.Icon" ></i >
12
+ }
13
+ @menuItem.DisplayName
14
+ </a >
15
+ }
16
+ else
17
+ {
18
+ <a href =" " data-toggle =" dropdown" >
19
+ @if (! string .IsNullOrWhiteSpace (menuItem .Icon ))
20
+ {
21
+ <i class =" @menuItem.Icon" ></i >
22
+ }
23
+ @menuItem.DisplayName
24
+ </a >
25
+ <ul class =" dropdown-menu" >
26
+ @foreach ( var subMenuItem in menuItem .Items )
27
+ {
28
+ <li >
29
+ <a href =" @subMenuItem.Url" >
30
+ @if (! string .IsNullOrWhiteSpace (subMenuItem .Icon ))
31
+ {
32
+ <i class =" @subMenuItem.Icon" ></i >
33
+ }
34
+ @subMenuItem.DisplayName
35
+ </a >
36
+ </li >
37
+ }
38
+ </ul >
39
+ }
12
40
</li >
13
41
}
Original file line number Diff line number Diff line change 12
12
<div class =" collapse navbar-collapse" >
13
13
<ul class =" nav navbar-nav" >
14
14
<li ng-repeat =" menuItem in vm.menu.items" ng-class =" {active: vm.currentMenuName == menuItem.name}" >
15
- <a ng-if =" menuItem.items.length==0 " ng-href =" {{menuItem.url}}" ><i class =" {{menuItem.icon}}" ng-if =" menuItem.icon" ></i > {{ menuItem .displayName }} </a >
16
- <a ng-if =" menuItem.items.length>0 " href =" " data-toggle =" dropdown" ><i class =" {{menuItem.icon}}" ng-if =" menuItem.icon" ></i > {{ menuItem .displayName }} </a >
17
- <ul ng-if =" menuItem.items.length>0 " class =" dropdown-menu" >
15
+ <a ng-if =" ! menuItem.items.length" ng-href =" {{menuItem.url}}" ><i class =" {{menuItem.icon}}" ng-if =" menuItem.icon" ></i > {{ menuItem .displayName }} </a >
16
+ <a ng-if =" menuItem.items.length" href =" " data-toggle =" dropdown" ><i class =" {{menuItem.icon}}" ng-if =" menuItem.icon" ></i > {{ menuItem .displayName }} </a >
17
+ <ul ng-if =" menuItem.items.length" class =" dropdown-menu" >
18
18
<li ng-repeat =" menuSubItem in menuItem.items" >
19
19
<a ng-href =" {{menuSubItem.url}}" ><i class =" {{menuSubItem.icon}}" ng-if =" menuSubItem.icon" ></i > {{ menuSubItem .displayName }} </a >
20
20
</li >
You can’t perform that action at this time.
0 commit comments