Angularjs 角度ng显示=";假;它不起作用了

Angularjs 角度ng显示=";假;它不起作用了,angularjs,cordova,ionic-framework,Angularjs,Cordova,Ionic Framework,首先,我已经搜索了这个主题。关于这个问题有很多答案,但没有一个能解决我的问题。所以,请友善一点,不要把这个问题标为重复的问题 我试图在我的混合应用程序上显示和隐藏一个离子项目。我正在做的测试完全是在html端完成的 <ion-header> <ion-navbar color="secondary"> <ion-title> CEPs! </ion-title> </io

首先,我已经搜索了这个主题。关于这个问题有很多答案,但没有一个能解决我的问题。所以,请友善一点,不要把这个问题标为重复的问题

我试图在我的混合应用程序上显示和隐藏一个离子项目。我正在做的测试完全是在html端完成的

<ion-header>
    <ion-navbar color="secondary">
        <ion-title>
            CEPs!
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content margin>
    <ion-item ng-show="false">{{ item.cep + "\n" + item.logradouro + "\n" + item.complemento + "\n" + item.bairro + "\n" + item.localidade + "\n" +
        item.uf}}
    </ion-item>

    <form margin-top (ngSubmit)="test()">
        <ion-item>
            <ion-input type="number" max="99999999" [(ngModel)]="form.cep" name="form"></ion-input>
        </ion-item>
        <button ion-button type="submit" center>Pesquisar CEP</button>
    </form>
</ion-content>

塞普斯!
{{item.cep+“\n”+item.logradouro+“\n”+item.complemento+“\n”+item.bairro+“\n”+item.localidade+“\n”+
item.uf}
佩斯奎萨尔
我将ion项ng show设置为“false”,这在像W3Schools这样的编辑器上正常工作。但在这里它根本不起作用。我该怎么办

我的版本: 离子型:3.5.0 科尔多瓦:7.0.1
角度:1.6.5

您可以使用ng show的[隐藏]intead

<ion-item [hidden]="false">


选中您可以使用
*ngIf

<ion-item *ngIf="false">
区别在于,如果条件满足false,ngIf将完全从DOM中删除内容。其中as
[hidden]
(您观察到[],这意味着angular与属性的单向绑定)意味着如果条件满足true(即html属性),将添加隐藏属性


希望有帮助:)

哇,真是太棒了!为什么ng show在这里不起作用?你知道吗?@Ortiz因为
ng show
与angular v 1.xx相关,而angular v 1.xx不再适用于angular v 2.x或更高版本这是另一种选择。@Ortiz perfect:D
<ion-item [hidden]="false">