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アプリ開発編 |
コメント