Pass Boolean value in a component call from index.html

Question

I have created a component and trying to pass boolean value inside it as @input which will help me to show/hide a div. But it is giving me undefined. can anyone please point out what is wrong in this?

Index.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

try modified code below

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

abc-comp.tstry

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