Angular NativeScript 可见性不绑定 2 种方式答案

【问题标题】：Angular NativeScript visibility not binding 2 waysAngular NativeScript 可见性不绑定 2 种方式
【发布时间】：2018-01-02 22:21:00
【问题描述】：

我得到了这个观点：

 <ng-template let-item="item" let-i="index">
 <GridLayout rows="*" columns="100, *" (tap)="select(item.id)">
<Label [text]="'this is :'+ item.id + ' and selected is ' + model.selectedItem"></Label>
      <Button text="Send" [visibility]="item.id == model.selectedItem? 'visible' : 'collapsed'"></Button>

当我点击该行时，我的函数 select() 正在将 model.selectedItem 更新为 item.id，实际上标签文本已更新好。但是按钮的可见性永远不会更新为可见，所以我看不到它。

我什至尝试将相同的逻辑应用于 [class] 而不是 [visibility] 并将可见性用作 css 上的标签，但同样没有运气。可见性属性未更新....

有什么想法吗？谢谢！

【问题讨论】：

标签： visibility angular2-nativescript

【解决方案1】：

使用 *ngIf ：

*ngIf="item.id===model.selectedItem"

【讨论】：