javascript - 如何检查 ng-repeat 中的数据类型

Question

我有一个 ng-repeat 和每种数据类型(字符串或对象)的两种可能类型的标签。目前两个标签都正在渲染。

<div ng-app="myApp" ng-controller="myCtrl" ng-init="init()">
    <div ng-repeat="(key,value) in json">
        <span>{{value}}</span><!-- Only for strings and numbers -->
        <table border="1"><!-- Only for objects -->
            <tr ng-repeat="(k,val) in value"><td>{{k}}</td><td>{{val}}</td></tr>
        </table>    
    </div>
</div>

Fiddle

Answer 1

请在下面找到一个工作的 jsFiddle

https://jsfiddle.net/vy984q9a/

ng-show 和 ng-hide 让您可以根据条件轻松显示或隐藏元素

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope){
    $scope.init = function(){
        $scope.json = {
            "fold":11,
            "id":64894760,
            "entities":{"bezeichnung":"Basis","name":"Basis","id":16}
        }   
    }
    $scope.isObject = function(value) {
        return angular.isObject(value);
    }

});
</script>

<div ng-app="myApp" ng-controller="myCtrl" ng-init="init()">
    <div ng-repeat="(key,value) in json">
        <span ng-hide="isObject(value)">{{value}}</span><!-- Only for strings and numbers -->
        <table ng-show="isObject(value)" border="1"><!-- Only for objects -->
            <tr ng-repeat="(k,val) in value"><td>{{k}}</td><td>{{val}}</td></tr>
        </table>    
    </div>
</div>