Как реализовать видимость в nativescript с угловым

Question

У меня есть мертвый простой угловой угловой компонент nativescript, который я пытаюсь установить видимость, и расширение ContentView, похоже, не работает.

 <capture-component [visibility]="'collapse'" top="0" left="0"></capture-component>

 @Component({
  moduleId: module.id,
  templateUrl: './capture.component.html',
  selector: 'capture-component'
 })
 export class CaptureComponent extends ContentView {

 }

Кто-нибудь знает, как это сделатьправильно?Я пробовал варианты коллапса, «коллапса», коллапса, связанного или не связанного и т.д.Я мог бы сделать свойство и установить CSS, но я бы лучше использовал рамки, если это возможно.

Answer 1

Я просто использовал * ngIf, хотя я чувствую, что видимость должна работать при расширении любого базового вида.

Answer 2

Вы должны объявить Input() видимость в вашем CaptureComponent, а затем использовать его в capture.ponent.html, например,

 <capture-component [visibility]="'collapse'" top="0" left="0"></capture-component>

Давайте предположим, что ваш capture.component.html начинается с GridLayout, а затем в html

<GridLayout width="100%" height="100%" rows="auto,*" [visibility]="visibility">

и в вашем файле .ts

import { Input } from '@angular/core';
 @Component({
  moduleId: module.id,
  templateUrl: './capture.component.html',
  selector: 'capture-component'
 })
 export class CaptureComponent extends ContentView {
 @Input() visibility: string;
 }