Question

我正在使用角度8，我想根据条件隐藏和取消隐藏元素。这是我的要求：

我有这样的面包屑

HTML：

 <nav aria-label="breadcrumb">
   <ol class="breadcrumb">
     <li class="breadcrumb-item"><a>{{ bd_main }}</a></li>
     <li class="breadcrumb-item active" aria-current="page" [style.visibility]="bd_submain ? 
     'visible':'hidden'". >Submenu</li>
  </ol>
 </nav>

component.ts：

 export class MonthlyComponent implements OnInit {
 bd_main= "Home";
 bd_submain = true;

  }

我尝试过这种方法，但是没有用，有人可以告诉我这是怎么回事吗？

Answer 1

我刚刚在HTML页面中删除了'。'（点），并在ts文件中更改了bd_submain = False

Answer 2

u可以使用ng样式，这个例子：

<div ng-style="{'visibility': bd_submain?'visible':'hidden'}">...</div>

or 

[ngStyle]="{'visibility':bd_submain=== true ? 'visible' : 'hidden' }"

如何隐藏和取消隐藏角元素

2 个答案: