Question

在阅读条件选项的文档时，它仅支持基于条件表达式求值的隐藏/显示字段。希望看看如何制作一个字段＆＃34;只读＆＃34;满足条件而不是从视图中删除它。

Answer 1

如果您的条件是没有副作用的函数（即其输出仅取决于输入），您可以观察输入的变化并重新评估条件。

想象一下，只有当名字和姓氏都被填写时才会显示某些内容。然后，你可以这样做：

<div ng-if='hasFirstNameAndLastName'>...</div>

JavaScript的：

function checkIfHaveFirstNameAndLastName() { 
   $scope.hasFirstNameAndLastName = ($scope.firstName && $scope.lastName);
}

$scope.$watch('firstName', checkIfHaveFirstNameAndLastName);
$scope.$watch('lastName', checkIfHaveFirstNameAndLastName);

我实际上正在考虑将这样的内容烘焙到 angular-schema-form 中，因为一旦应用程序的大小增加，重新评估 evalExpr（）就会成为问题。< / p>

根据条件选项切换字段的只读选项

1 个答案: