Ionic if else 语句来显示和显示数据

Question

我正在使用离子框架制作应用程序。我想像在 php 中那样做一个 if/else 语句。

基本上，如果用户没有 select 来自以下代码的帐户，则不得显示其后的标签。

 <label class="item item-input item-select">
                    <div class="input-label">
                        Choose your account
                    </div>
                    <select ng-model="vm.paymentPlanData.matter" ng-change="vm.newAccount()">
                        <option ng-repeat="account in vm.accounts" value="{{account.matterno}}">{{account.company}}</option>
                    </select>
                </label>

但是，如果他们随后 select 注册了一个帐户，那么这必须显示

<label class=" item-input item-stacked-label" ng-if="{{account.company !== null}}">
                <div class="row">
                    <span class="input-label col">Amount</span>
                    <span class="col" style="text-align: right">R{{vm.paymentPlanData.amount}}</span>
                </div>
                <div class="range range-energized">
                    <span>R{{vm.account.minPaymentPlanAmount}}</span>
                    <input type="range" step='5' name="volume" min='{{vm.account.minPaymentPlanAmount}}'  max='{{vm.account.maxPaymentPlanAmount}}'  ng-model="vm.paymentPlanData.amount">
                    <span>R{{vm.account.maxPaymentPlanAmount}}</span>
                </div>
            </label>

我试过像这样使用 ng-if

<label class=" item-input item-stacked-label" ng-if="{{account.company}} !== null">

但这不起作用。 ng-if 是解决此问题的正确方法吗？如果是的话，还有什么我想念的吗？

Answer 1

如果您希望标签仅在 select 从您的 select 元素编辑某些内容时显示，请在 [=] 中使用 select 元素 ng-model 变量17=] 标签的状况。像这样

<label class=" item-input item-stacked-label" ng-if="vm.paymentPlanData.matter">

编辑：这里有一个 sample plunk 用于在 angular js

中工作

Ionic if else 语句来显示和显示数据

Ionic if else statement to display and show data

if-statement

angularjs

ionic-framework

ionic