mobile: boolean
価値を保持するサービスがあるとしましょう。それに応じて、それを必要とするコンポーネントに適切なTemplateUrlを表示します。
だからそれは次のようなものになります TemplateUrl: condition ? template_1 : template_2
requireと同様のものを作成できますが、prod用に適切にビルドされません。それを使用してページに移動するとnull
、テンプレートの代わりに表示されます(製品のみ)。
Angularバージョン7
@Component
宣言は、AOT合併症で静的に処理され、templateUrl
変数に基づいて提供することができません。
これを処理する方法は、ページのレンダリング方法からロジックを分離することです。モバイルとデスクトップで異なる方法で表示されるUIは、個別のコンポーネントを作成できます。メインコンポーネントまたは共有基本クラスまたはコンポーネントには、すべてのロジックが含まれている必要があります。
<div>
<p>Graph:</p>
<graph-mobile *ngIf="mobile" [data]="data"></graph-mobile>
<graph-desktop *ngIf="!mobile" [data]="data"></graph-desktop>
</div>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加