在Angular2版本6中,在JSON对象中显示JSON对象的最佳方法

我正在将一个旧的Angular1.x网站转换为Angular2版本6。我已经用相应的HTML创建了一个组件类,但是我一直停留在将一个JSON对象显示在另一个JSON对象内部的问题上。我要显示的JSON对象是

详情对象:

    {
        "details":
        {
            "id": "36d610ed0c62bafd",
            "Field Name": "FID,Shape,OID_,BankPositi",
            "Geometry Type": "Point",
        },
     }

显示这个的旧代码是: HTML:

    <div ng-show="vm.item.showDetails" ng-repeat="(key, val) in vm.item.details">
        <p><span>{{key}}:</span>{{val}}</p>
    </div>

javascript:

        vm.showDetails = function (entry) {
            entry.showDetails = !entry.showDetails;
            entry.numberOfWords = entry.showDetails ? config.search.showAll : config.search.numberOfWordsShown;
        }

我想知道的是什么是迭代JSONOBJ并显示它的最佳方法。