Question

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

基本上，如果用户没有从下面的代码中选择一个帐户，那么后面的标签就不能显示。

 <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>

但如果他们选择了一个帐户，则必须显示

<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 like this

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

但这不起作用。是ng-if正确的方法呢？如果是这样的话还有更多我遗失的东西？

Answer 1

如果您希望仅在从select元素中选择某些内容时显示标签，请在标签的ng-if条件中使用select元素ng-model变量。像这样的东西

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

编辑：这是sample plunk，这是在角度js

中工作的

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

1 个答案: