在 Angular 2 第 6 版中的 json 对象中显示 json 对象的最佳方式答案

【问题标题】：Best way to display a json object in a json object in Angular 2 release 6在 Angular 2 第 6 版中的 json 对象中显示 json 对象的最佳方式
【发布时间】：2018-11-02 14:28:10
【问题描述】：

我正在将一个旧的 Angular 1.X 网站转换为 Angular 2 第 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;
        }

我想知道的是遍历 json obj 并显示它的最佳方式是什么。

【问题讨论】：

access key and value of object using *ngFor的可能重复

标签： html json angular typescript

【解决方案1】：

简单点怎么样

<pre>
  {{ yourObject | json }}
</pre>

在此处运行示例：
https://stackblitz.com/edit/angular-ux1xst?file=src%2Fapp%2Fapp.component.ts

【讨论】：

真是天才，不敢相信我错过了。谢谢。