Question

我正在努力将一个旧的Angular 1.X网站转换为Angular 2版本6.我一直在创建一个具有相应html的组件类，但我仍然坚持在另一个json对象中显示一个json对象。我想要显示的json对象是

详情Obj：

    {
        "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并显示它的最佳方法。

Answer 1

如何简单地

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

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

在Angular 2版本6中在json对象中显示json对象的最佳方法

1 个答案: