AngularJS

Question

我试过禁用 materializeCSS select 列表选项是一个特定的表达式，但是使用下面的方法似乎不起作用：

<option data-ng-disabled="employeeIsMale" value="maternity">Maternity</option>

我已经在加载时定义了这个表达式的真值，这显然是有效的，因为正确的消息被记录到控制台：

$document.ready(function() {
    if ($scope.employee.gender === 'Male') {
        $scope.employeeIsMale == true;
        console.log("Employee is Male");
    } else {
        $scope.employeeIsMale == false;
        console.log("Employee is Female");
    }
})

如何使用这样的表达式来禁用 select 选项？

完整 HTML：

<select data-ng-change="showAbsenceInputs()" data-ng-model="absenceTypes" id="absenceTypeSelect" name="absenceTypeSelect" material-select watch class="validate" required>

  <option value="" selected>Select an option</option>

  <option data-ng-disabled="employeeIsMale" value="maternity">Maternity</option>

</select>

Answer 1

您应该使用赋值运算符 =。您正在使用比较运算符进行赋值。

 $scope.employeeIsMale = true;

AngularJS - 如果表达式为真，则禁用 select 列表选项

AngularJS - Disable select list option if expression is true

javascript

select

angularjs-directive