相关疑难解决方法(0)

我试图在浏览器的控制台上从clojurescript打印出一个JSON.

我找到了以下链接 - 如何使用JavaScript漂亮地打印JSON？

以上链接提供以下js - JSON.stringify(obj, undefined, 2)

cljs中的以下翻译不起作用 (.stringify js/JSON obj undefined 2)

1. 在cljs中是否有任何原生方式可以进行漂亮的打印？
2. 任何想法为什么上面的cljs表达不起作用？

**** 不是重复的 *** 重复引用的答案仅指 JSON ****

我希望在将 js 变量记录到控制台时避免这种情况：

var user = {
  first: 'Jack',
  last: 'Green',
  age: 54
};
 
// plain console log
console.log(user);
 
// or with interpolation:
console.log(`User: ${user}`);

这最终是这样的：

{ prop1: 'value1', prop2: 2 }
 
User: [Object object]

我已经阅读过这个主题如何使用JavaScript来打印JSON？

无论如何,如果我想将json打印到控制台,正确的答案就可以了.

做点什么

$("#myDiv").text(parsedJson);

要么

$("#myDiv").html(parsedJson);

不会导致漂亮的json.

我的目的是以人类可读的形式显示一个包含该json对象的对话框.它可能吗？

如何在html中打印JSON对象？我试过这个解决方案, 但没有工作.请帮助我实现这一目标.我尝试过使用json烟斗:

<div class="box box-default">                     
    <pre>{{placeDetail |json}}</pre>                  
</div>

我有一个从后端获得的 JSON 响应，我将其显示为{{ response | json }}. 有一个复制到剪贴板选项，我需要在其中复制response. 我有以下代码

copy(response){
  let val = response;
  const selBox = document.createElement('textarea');
  selBox.style.position = 'fixed';
  selBox.style.left = '0';
  selBox.style.top = '0';
  selBox.style.opacity = '0';
  selBox.value = val;
  document.body.appendChild(selBox);
  selBox.focus();
  selBox.select();
  document.execCommand('copy');
  document.body.removeChild(selBox);}

这会复制为 [object object]，因为它response是一个对象。我可以复制它，将响应转换为字符串let val = JSON.stringyfy(response)。但这不会以我显示的格式化方式复制它，而是像字符串一样将 json 复制到一行中。那么如何以正确的格式将 JSON 对象复制到剪贴板呢？

这可能是一个非常简单的问题，但我找不到任何有效的方法。

我正在尝试获取 json 结果并将其写入 div 的内部 html 以查看它的外观。

我有这样的事情：

$.getJSON("someurlthatgivesmejson",
    function(data){         
        $("#jsonmodel").html(data);  // what should this be??
    });
  });

更新

我能够通过使用它来显示一些文本

$("#jsonmodel").html($.param(data));

但是，它的格式不像浏览器显示 json 结果的方式，例如 javascript 对象的结构。

我听说过那些美化/美化JSON的网站.它究竟意味着什么？

我正在使用opportunity.js来帮助我生成一些随机数据。它运行得非常好，我想使用这些数据来输出随机 JSON 对象。

这是我想要的结构：

{
    "users": [
        {
            "Name": "John Smith",
            "Fname": "John",
            "Lname": "Smith",
            "Email": "john.smith@acmemedia.com", 
        }, 

        ...etc
}

我有opportunity.js在 jsFiddle 中工作，但我不确定如何使用chance.js函数输出 JSON 数据。

$(function() {    
    $("div[data]").each(function() {
        var data = $(this).attr("data");
        var chance = new Chance(Math.Random);
        $(this).append(chance[data]());
    });
});

http://jsfiddle.net/5Lcfz838/4/

opportunity.js 文档可在此处获取： http: //chancejs.com/

我想将 2016-09-14T13:46:39+0000 格式化为 DD/MM/YYYY。数据来自 JSON 文件/url 到引导表中。有没有办法使用 bootstrap-table 或 javascript 对其进行格式化？

参见jsfiddle

谢谢，

<table data-toggle="table" 
   data-url="https://api.myjson.com/bins/44564"
   data-row-style="rowStyle">
<thead>
<tr>
    <th data-field="createdAt">Created At</th>
</tr>
</thead>

我想知道人们如何在 Vue.js 中显示漂亮的 JSON 打印

<v-expansion-panels>
  <v-expansion-panel v-for="(entrie, i) in objects.log.entries" :key="i">
    <v-expansion-panel-header class="text-left">

      {{ entrie.request.postData.text }}
    </v-expansion-panel-header>
    <v-expansion-panel-content class="green--text">

      {{ entrie.response.content.text }}

    </v-expansion-panel-content>
  </v-expansion-panel>
</v-expansion-panels>

小提琴

为了明确我的观点，我希望看到这样的事情：

我想以 json 格式在工具提示中显示数据，如图所示。

我可以在工具提示中加载数据（但不能按照所附图片中的格式）。

<ng-container matColumnDef="Alert">
                <th mat-header-cell *matHeaderCellDef mat-sort-header> Alert </th>
                <td mat-cell *matCellDef="let row">
                        <span matTooltip="{{(row?.conditionals)?(row.conditionals | json):''}}">{{row.Alert}}</span> 
                </td>
 </ng-container>

堆栈闪电战链接。html 和 ts 代码位于 stackblitz 链接中。

https://stackblitz.com/edit/angular-mat-tooltip-xngsaq?file=app%2Ftooltip-overview-example.ts

当我们将鼠标悬停在第一列时，在工具提示条件、偏移、警报中需要显示如附图所示。

#EDIT1 我还尝试过基本的 html 工具提示，如果有人可以建议格式化数据，这也对我有用

https://stackblitz.com/edit/angular-mat-tooltip-ik3f8e?file=app%2Ftooltip-overview-example.css

作为参考，so 链接之一 使用 JavaScript 进行漂亮打印 JSON