AngularJS:ng-显示IE9的复杂条件问题

时间:2014-12-16 14:48:55

标签: javascript angularjs internet-explorer

以下代码已经适用于所有浏览器,包括IE10。它仅在IE9中存在问题。所以我猜测代码中没有语法错误或逻辑错误,可能我需要一种不同的方式来编写ng-show中的条件

   <div class="control-group" ng-show="!waste.id" style="display:inline-block">
      <label class="control-label" for="shipments">Treatment or Shipment Frequency</label>
      <div class="controls controls-row">
        <div>
          <input type="number" id="shipments" name="shipments" maxlength="50" ng-required="!waste.id && !noChange" ng-model="waste.shipments" ng-disabled="noChange" placeholder="Shipment" class="input-small" step="any">
          <i class="inline icon-info-sign" ng-show="form.shipments.$invalid || form.shipments.$error.required == true"></i>
          <span class="help-inline">times per</span>
        </div>
        <div>
          <input type="number" id="frequency" name="frequency" maxlength="50" ng-required="!waste.id && !noChange" ng-model="waste.frequency" ng-disabled="noChange" placeholder="Frequency" class="input-small" step="any">
          <i class="inline icon-info-sign" ng-show="form.frequency.$error.required == true || form.frequency.$invalid"></i>
          <span class="help-inline">year(s)</span>
        </div>
      </div>
    </div>

正如您所看到的那样&#34;治疗和运输频率&#34;是一个数字,当输入的值是数字且必需== true时有效。当我尝试以不同的方式进行评估的条件时,我发现$invalid表达式type=number$invalid的表达方式可能在IE9中存在问题而且#39} ;为什么<i>标签不会消失。这只发生在IE9中。有人可以帮助我

0 个答案:

没有答案