Переключить видимость столбца в Angular 8 + Nativescript - PullRequest
Новая
       102

Переключить видимость столбца в Angular 8 + Nativescript

1 голос
/ 02 августа 2020

У меня есть представление, отображающее таблицу с двумя столбцами. Мне нужно скрыть / отобразить столбец на основе нажатия кнопки-переключателя. Когда я использую свойство видимости и меняю видимость второго столбца, я вижу, что первый столбец не занимает весь экран. 

 <RadListView row=" 2" [items]="itemList">

            <ng-template let-item="item" >
                <GridLayout  columns="*,*" class=""    >
                    <Label column="0" [text]="item.labelid + '.' + item.text[0]" textwrap="true"
                           class="p-15 border-table text_font"></Label>
                    <Label   column="1" [id]="item.labelid" [text]="item.labelid + '.' + item.text[1]" textwrap="true"
                           class="p-15 border-table text_font"></Label>
                </GridLayout>


            </ng-template>

        </RadListView>

Component.ts 

onCompareTap(args) {
        this.isCompare = !this.isCompare
        this.itemList.forEach((item) => {
            var crLabel:Label = <Label>this.page.getViewById(item.labelid);
            crLabel.visibility= this.isCompare ? 'visible' : 'collapse';
        })


    }

Я хочу показать один столбец, занимающий весь экран, когда пользователь переключает представление. Уловка заключается в том, чтобы привязать GridLayout columns="*,*", где я указываю количество столбцов, которые я не мог изменить во время выполнения. Мысли, пожалуйста.

...