在 index.html 的組件調用中傳遞布爾值

Question

我創建了一個組件並嘗試將其中的布爾值作為@input 傳遞，這將幫助我顯示/隱藏一個 div。 但它給了我不確定的。 誰能指出這有什么問題？

索引.html

<abc-comp x="1" y="64" [showviewmore]="true"></abc-comp>

abc-comp.ts

  @Input() x = '';
  @Input() y = '';
  @Input() showviewmore : boolean;

abc-comp.html

  <div class="col-xs-4" *ngIf="showviewmore">
      //Some Content and tags
  </div>

Answer 1

試試下面的修改代碼

<abc-comp x="1" y="64" [showviewmore]="true"></abc-comp>

abc-comp.tstry

@Input() x = '';
@Input() y = '';
@Input() showviewmore : boolean =false;