我试图禁用materializeCSS选择列表选项,因为特定的表达式为true,但是使用以下方法似乎不起作用:

<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");
    }
})


如何使用这样的表达式来禁用选择选项?

完整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>

最佳答案

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

 $scope.employeeIsMale = true;

关于javascript - AngularJS-如果表达式为真,则禁用选择列表选项,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/47329512/

10-12 12:17
查看更多