Ионный if else для отображения и отображения данных

Question

Я использую ионную структуру для создания приложения. Я хочу сделать оператор if/else, как в php.

В принципе, если пользователь не выбирает учетную запись из приведенного ниже кода, тогда ярлык после нее не должен отображаться.

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

Я попытался используя нг-если как этот

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

Но этого не работает. это ng-если это правильный способ? и если да, то чего-то еще, чего я не хватает?

Answer 1

Если вы хотите, чтобы метка отображалась только тогда, когда что-то выбрано из вашего элемента выбора, используйте переменную ng-model элемента select в условии ng-if вашего ярлыка. Что-то вроде этого

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

Edit: здесь есть sample plunk для этой работы в угловом JS