Creé un componente e intenté pasar un valor booleano dentro de él como @input, lo que me ayudará a mostrar/ocultar un div. Pero me está dando indefinido. ¿alguien puede señalar lo que está mal en esto?

índice.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>