【AngularJS】オブジェクトをJSONに変換

AngularJSにおけるjsonパイプでオブジェクトをJSONに変換する方法をまとめました。

【パイプ】オブジェクト→JSONなど

jsonパイプを使えば、JavaScriptのオブジェクトをJSON形式に変換できます。

オブジェクト→JSON

■app/app.component.ts

import { Component } from '@angular/core';

// コンポーネントの構成情報を定義するデコレータ
@Component({
  // コンポーネントの適用先を表すセレクター式
  selector: 'app-root',

  // コンポーネントに適用するスタイルシート
  styleUrls: ['./app.component.css'],

  // コンポーネントに適用するテンプレート(外部ファイルから読み込み)
  templateUrl: './app.component.html',
})

export class AppComponent {
  // オブジェクトを作成
  sarvant: any = {
    name: 'アルトリア',
    class: 'savar',
    status: [14560, 15439],
  };
}

■app/app.component.html

<pre>{{ sarvant | json }}</pre>
参考文献・関連記事
参考 【AngularJS入門】基礎とサンプル集
関連 【Ionic入門】Android・iPhoneアプリ開発編
Javascript
技術雑記

コメント

タイトルとURLをコピーしました