angular-schema-form - 根据条件选项切换字段的只读选项

Question

在阅读条件选项的文档时，它仅支持根据条件表达式的计算方式隐藏/显示字段。看看如何在满足条件时将字段设置为“只读”，而不是从视图中删除它。

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()的重新评估就会成为一个问题。