Angularプロジェクトのランタイムでプレビューを見るには

Angularプロジェクトのランタイムをプレビューする方法のガイドへようこそ。このガイドでは、Angularプロジェクトのランタイムをプレビューする手順を説明します。それでは始めましょう.

SmartUX Studioでプロジェクトを開くと、ngサーブはまだ進行中かもしれません。完了させてください。

ngサーブが完了すると、ライブ・プレビューが可能になります。.

ライブプレビューアイコンをクリックします。
Magic xpa Studioを編集モードを有効にしたランタイムモードに設定します。

SmartUX Studioがアプリケーションをライブプレビュー用に準備するまで表示されます。.

しばらくすると、SmartUX Studioは、以下のようにアプリケーションのライブプレビューを表示します。

コンポーネントがライブプレビューに表示されると、そのコンポーネントの変数に関するデータがモックデータとして記録され、記録アイコンが緑色に変わります。.

記録されたモックデータをCanvasで使用し、UI要素に値を表示することができます。

フルスクリーンでプレビューを見たい場合は、表示されたアイコンをクリックして新しいタブでライブプレビューを開くことができます。

このようにして、ライブプレビューであなたのアプリケーションを見ることができます!