ng-disabled无法使用chrome

时间:2014-07-02 07:10:41

标签: javascript angularjs twitter-bootstrap angular-ui

html标记初始化DateDisable = true控制器加载它在IE上工作正常,但问题是在chrome浏览器中它无法在那里工作。

<p class="input-group" ng-disabled="DateDisable">
    <input datepicker-popup="M/d/yyyy" ng-model="Date" datepicker-options="dateOptions"  />
      <span class="input-group-btn">
        <button type="button" class="btn btn-default" ng-click="$event.stopPropagation(); open();"><i class="glyphicon glyphicon-calendar"></i></button>
      </span>
   </p>

用于启用和禁用p标记元素的Java脚本代码。

$scope.DateDisable = false;

1 个答案:

答案 0 :(得分:1)

它有效,但基本上段落(<p></p>)不支持禁用属性。

您可以解决此问题,例如:

p[disabled]{
    opacity: 0.6;
    pointer-events: none;
}

Css指针事件在IE&gt; = 11中有效。但是你说<p disabled></p>在IE中有效,所以没关系。 Fiddle