javascript - 在html中如何通过 Angular 表达式检查任何变量是否为 bool 值？

Question

我的 html 中有一个元素，我必须在其中检查变量的类型，无论它是否为 bool 值。

<button process-indicator="{{typeof(button.processIndicator) === 'boolean' ? 'modalProcess' : 'modalClose'}}"/>

这里的进程指示器是我的指令。但就我而言，它始终将值设置为“modalClose”。

我在这里做错了什么。

Answer 1

由于 typeof() 是一个 JavaScript 函数，而 {{ }} 是用于执行 Angular 表达式，所以我们无法在 Angular 表达式中执行 JavaScript 代码或函数。

为了实现这一点，我们需要将结果值分配给一些 $scope 变量，以便可以使用 Angular 表达式在我们的 HTML 中使用它。

我们必须做一些类似于@anpsmn 在他的 fiddle 中解释的事情。这是:

HTML :

<div ng-app="app" ng-controller="testCtrl">
<p process-indicator="{{checkType()}}">Value: {{checkType()}}</p>    

Controller :

angular.module("app",[])
.controller("testCtrl",['$scope', function($scope){

$scope.processIndicator = false;

$scope.checkType = function() {
    return typeof($scope.processIndicator)==='boolean'? 'modalProcess' : 'modalClose';
}; 

}])