繁体   English   中英

AngularJS-如果表达式为真,则禁用选择列表选项

[英]AngularJS - Disable select list option if expression is true

我尝试禁用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;

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM