javascript - ng-disabled 在 chrome 中不起作用

Question

html 标记在 Controller 加载时初始化 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;

Answer 1

它可以工作，但基本上段落( <p></p> )不支持禁用属性。

您可以像这样解决它:

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

CSS 指针事件在 IE >= 11 中有效。但你说 <p disabled></p>在IE下可以用，所以没问题。 Fiddle .