如何隐藏离子角度的字段?

时间:2017-05-11 14:16:28

标签: javascript angularjs ionic-framework field

我的表格有字段(姓名,电话,电子邮件等)

<ion-content>
      <div class="list">
        <div class="row">
          <div class="col" ng-hide="hideFild" id="nom">
            <label class="item item-input item-floating-label">
              <span class="input-label">Nom</span>
              <input type="text" placeholder="Nom" ng-minlength="2" ng-maxlength="30" name="nom" ng-model="noteForm.nom">
            </label>
          </div>
          <div class="col">
            <label class="item item-input item-floating-label">
              <span class="input-label">Prenom</span>
              <input type="text" ng-maxlength="20" placeholder="Prenom"  ng-model="noteForm.prenom">
            </label>
          </div> ...

我还有另一个页面,用于控制字段的可见性:

template.html
<ion-view view-title=" Paramétrage formulaire">
    <ion-content>
        <ion-list>
            <ion-item ng-repeat="fild in filds" class="item item-toggle">
                    {{fild.name}}
                    <label class="toggle toggle-balanced">
                        <input type="checkbox" ng-model="fild.value" ng-change="change(fild)">
                        <div class="track">
                            <div class="handle"></div>
                        </div>
                    </label>
            </ion-item>
        </ion-list>
    </ion-content>
</ion-view>

controller.js用于在本地存储中保存数据。

导致本地存储: enter image description here

结果$ scope.noteForm: enter image description here

如何隐藏本地存储中值为false的表单字段? 谢谢大家!!!

0 个答案:

没有答案