javascript - 如何检查 AngularJS 模板中的 isObject

Question

我正在这样的 AngularJS 模板中显示字段

{{ field }} :   {{ data[field] }}

我希望如果 data[field] 是一个对象，那么将 Object 单词显示为字符串，而不是将整个对象显示为 JSON:

{{ isObject(data[field]) ? {{ data[field] }} : 'Object' }}

Answer 1

您可以使用 angular.isObject 来检查 typeof，就像在 javascript 中一样，https://docs.angularjs.org/api/ng/function/angular.isObject

  angular.isObject(title) ? 'Object' :'not an object'

或者你也可以检查

  angular.equals({},object)

对于您的上述场景，您可以将其用作过滤器，如下所示

 {{text | isObject}}

  App.filter('isObject',function(){
        return function(input){
            return angular.isObject(input) ? 'its a OBject' : 'not an object'
        }
   })

//可以在 Controller 中验证

    <p>{{AmIObject(text)}}</p>

     $scope.AmIObject = function(input) {

      return angular.isObject(input) ? 'its a OBject' : 'not an object'
  }