Question

我正在使用带有角度的Bootstrap下拉菜单。我想使用display属性使一些菜单项可见和不可见。类hidden_item定义为display：none。当用户登录时，它会显示＆＃34;消息＆＃34;菜单项但单击它不会显示收件箱和已发送链接。稍后，如果我刷新页面，一切都按预期工作，收件箱和已发送变为可见。如何在不刷新页面的情况下使其工作？

                <li  [ngClass]="isLoggedIn() ? 'dropdown' : 'hidden_item'">
                    <a  [routerLink]="['Mailbox', {'boxname': 'inbox'}]" class="dropdown-toggle">Messages <span class="nav-up-carret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a [routerLink]="['Mailbox', {'boxname': 'inbox'}]">Inbox</a> </li>
                        <li><a [routerLink]="['Mailbox', {'boxname': 'sent'}]">Sent</a></li>
                    </ul>
                </li>

Answer 1

您可以使用* ngIf并尝试这种方式：

|my_result|
|---------|
|    N    |

这样，如果li *ngIf="isLogedIn()"> <a [routerLink]="['Mailbox', {'boxname': 'inbox'}]" class="dropdown-toggle">Messages <span class="nav-up-carret"></span> </a> <ul class="dropdown-menu" role="menu"> <li><a [routerLink]="['Mailbox', {'boxname': 'inbox'}]">Inbox</a> </li> <li><a [routerLink]="['Mailbox', {'boxname': 'sent'}]">Sent</a></li> </ul> </li>返回isLogedIn()，则angular会自动从dom中删除该块，但如果返回false则会添加该块。

Answer 2

如果我正确理解了您的问题，那么您在“消息”中错过了Firm Customer1 ID1 Customer2 ID2 Customer3 ID3 Firm1 Alice 1 Charly 3 Kevin 6 Firm2 Bob 2 Sarah 4 NA NA Firm3 Alice 1 Deborah 7 NA NA Firm4 Bob 2 Jack 5 NA NA媒体资源。锚元素。

应该是

data-toggle="dropdown"

Bootstrap下拉列表 - 更改菜单项的显示属性

2 个答案: