1

yAxisEditorCtrl.forceCombinedYAxis我在这里有一个单选按钮 div，如果它是真的，我想禁用它。

这是我更改之前的代码

  <div class="y-axis-editor">
    <div class="vis-config-option display-size-normal form-group" ng-if=" yAxisEditorCtrl.supportsType()">
      <lk-vis-editor-radio-input label="Scale Type" model="yAxisEditorCtrl.type" options="yAxisEditorCtrl.typeOptions"/>
    </div>
    ...
  </div>

其中 和 的定义model是options：

  @type =
    value: null

  @typeOptions = [
    {name: "Linear", value: "linear"}
    {name: "Logarithmic", value: "log"}
  ]

所以我尝试ng-disabled="yAxisEditorCtrl.forceCombinedYAxis"像这样添加到我的 div 中：

  <div class="y-axis-editor">
    <div class="vis-config-option display-size-normal form-group" ng-if=" yAxisEditorCtrl.supportsType()" ng-disabled="yAxisEditorCtrl.forceCombinedYAxis">
      <lk-vis-editor-radio-input label="Scale Type" model="yAxisEditorCtrl.type" options="yAxisEditorCtrl.typeOptions"/>
    </div>
    ...
  </div>

但是，即使ng-disabled为真（我检查了输出），它仍然不会禁用。

在此处输入图像描述

我什至尝试在定义单选按钮的 div 中添加它，但仍未禁用。

好奇我怎么能让这个工作？

4

1 回答 1

0

ng-disabled是用于输入的，看来你不小心把它放在了div。

这是更正后的代码：

  <div class="y-axis-editor">
    <div class="vis-config-option display-size-normal form-group" ng-if="yAxisEditorCtrl.supportsType()">
      <lk-vis-editor-radio-input label="Scale Type" ng-disabled="yAxisEditorCtrl.forceCombinedYAxis" />
    </div>
    ...
  </div>

由于 adiv不是交互式的，它不能被禁用。如果您希望它具有特定的外观或样式，我建议您使用ng-class有条件地将“禁用”出现类添加到div

于 2018-06-12T22:09:02.433 回答