如何在Angular表达式中获得一个范围变量的类型？

Question

让我们定义的范围简单的布尔：

var mymodal = angular.module('mymodal', []); 

mymodal.controller('MainCtrl', function ($scope) { 
    $scope.b = false; 
}); 

我怎样才能在表达式中的变量的类型？ typeOf和Object.prototype.Tostring.call不起作用。

<div ng-controller="MainCtrl" class="container"> 
     <div> 
      {{ b }} 
      {{ typeOf(b) }} 
      {{ Object.prototype.toString.call(b) }} 
     </div> 
</div> 

这里的jsfiddle：http://jsfiddle.net/g8Ld80x3/2/

Answer 1

我认为最好的方法是创建一个自定义过滤器，当你希望你的表达中，可以检查this链接，用于获取对象使用它。为你的情况下，对象

的键，你可以使用

angular.module('customfilter', []).filter('typeof', function() { 
    return function(obj) { 
    return typeof obj 
    }; 
}); 

Answer 2

尝试在控制器这样的事情（如你想要做的，我不认为是可能直接在表达式）：

var mymodal = angular.module('mymodal', []); 
 

 
mymodal.controller('MainCtrl', function ($scope) { 
 
    $scope.b = false; 
 
    $scope.getBType = function(test){ 
 
     return(typeof test); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app='mymodal' ng-controller="MainCtrl" class="container"> 
 
     <div> 
 
      {{ getBType(b) }} 
 
     </div> 
 
</div>

Answer 3

你不能这样做，并有充分的理由：Angular expression解析器不允许这样的在模板中。

如果你真的希望能够这样做，我建议明确设定在$rootScope辅助方法，所以它会在您所有的模板可用：

mymodal.run(function($rootScope) { 
    $rootScope.typeOf = function(value) { 
     return typeof value; 
    }; 
}); 

，你甚至可以参考角度自己的实用方法：

mymodal.run(function($rootScope) { 
    ['isArray', 'isDate', 'isDefined', 'isFunction', 'isNumber', 'isObject', 'isString', 'isUndefined'].forEach(function(name) { 
     $rootScope[name] = angular[name]; 
    }); 
}); 

并在模板中使用{{ isArray(arr) }}。

Answer 4

当您尝试访问特定值的typeof类型和当前代码时，您在view中执行此操作，这对于此类操作来说相当晚。

相反，你可以做一个函数在控制器的范围，只是从那里返回它：

var mymodal = angular.module('mymodal', []); 
 

 
mymodal.controller('MainCtrl', function ($scope) { 
 
    $scope.b = false; 
 
    $scope.getTypeof = function(it){ return typeof(it); }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app='mymodal' ng-controller="MainCtrl" class="container"> 
 
     <div> 
 
      {{ b }} : {{ getTypeof(b) }} 
 
      
 
     </div> 
 
</div>

Answer 5

HTML

<div ng-controller="MainCtrl" class="container"> 
     <div> 
      {{ b }}<br> 
      {{ typeOf(b) }}<br> 
     </div> 
</div> 

JS

var mymodal = angular.module('mymodal', []); 

mymodal.controller('MainCtrl', function ($scope) { 
    $scope.b = false; 
    $scope.typeOf = function (v){ return (typeof v)}; 
}); 

结果

false 
boolean 

Answer 6

只是为了显示应用到我的示例代码Zamboney的回答是：

控制器：

angular.module('customfilter', []).filter('getType', function() { 
    return function(obj) { 
    return typeof obj 
    }; 
}); 

var mymodal = angular.module('mymodal', ['customfilter']); 

mymodal.controller('MainCtrl', function ($scope) { 
    $scope.b = false; 
}); 

查看：

<div ng-controller="MainCtrl" class="container"> 
    <div> 
    {{ b }} 
    {{ b | getType }} 
    <div ng-if="(b | getType) == 'number'"> 
     It's a number 
    </div> 
    <div ng-if="(b | getType) == 'boolean'"> 
     It's a boolean 
    </div> 
    </div> 
</div> 

和小提琴：http://jsfiddle.net/g8Ld80x3/5/

Answer 7

$scope.b = new String('name'); 

//根据上述说法，该对象将被typeof运算符的结果。它不检查typeof操作符：http://bonsaiden.github.io/JavaScript-Garden/#types.typeof