將對象轉換爲json

-3

如何將對象轉換爲JSON並將其輸出到html頁面上？將對象轉換爲json

public User:UserInfo= 
    { 
    firstName: "O", 
    lastName: "K", 
    email: "[email protected]", 
    country: "uk", 
    avatarUrl: null, 
    receiveNotifications: true 
    }

來源

2017-08-31 Oleg

如果你不關心格式{{User | json}}應該可以工作，否則請給出更多的細節，請 – Vega

@oleg哪個版本的angular是這樣的？ – Abdel

@Abdel Angular2/4 – Oleg

你可以嘗試以下方法：

let jsonStr=JSON.stringify(user).

來源

2017-08-31 19:07:20

我可以看到你是從jQuery的未來世界，但angular.js事情變得簡單多了，請檢查此的jsfiddle：http://jsfiddle.net/pkozlowski_opensource/ASspB/1/

隨着angular.js您可以將事件很多，很多簡單：

<input type="button" ng-click="showJson()" value="Object To JSON" /> 
    and then in your controller: 
     $scope.showJson = function() { 
     $scope.json = angular.toJson($scope.user); 
    }

其實可以這樣做更容易與濾波器angular.js，檢查此的jsfiddle：http://jsfiddle.net/pkozlowski_opensource/ASspB/2/其中有：

{{user | json}}

來源

2017-08-31 19:14:26

OP是Angular而不是AngularJS – Vega

我希望你給我們你的問題多一點的細節，但我會盡我所能在這裏和我一起裸照！比方說你有一個對象，看起來像這樣

a.component.ts

public obj = { 
    name: "Oleg", 
    question: "convert object to json", 
    description: "Some cool question about angular and JSON" 
}

呈現這個數據，你的看法是這樣的

a.component.html

<h1> {{ obj.name }} </h1> 
<h2> {{ obj.question }} </h2> 
<p> {{ obj.description }} </p>

請注意如何我的班級成員已設置爲公開狀態，無論何時您要創建申請的AoT版本通貨膨脹。

如果您無法理解，請使用我的簡化示例。看看這個example

來源

2017-08-31 19:30:49 Abdel

將對象轉換爲json

回答

相關問題