0

ember.js を使ってマルチプラットホームを実現したいです。iPhone の場合、スマートフォンのデザインは同じですが、iPad のデザインと解像度は同じではありません。 電話の場合、ヘッダーバーと appBody アウトレットが含まれます

    "<div class='wrapper'>" +
    "{{outlet topHeaderBar}}" +
    "{{outlet appBody}}" +

"<nav class='nav'>"+

iPad の場合は、以下の iPad アプリケーション テンプレートが含まれます。

 "<div class='wrapper'>"+
    "<nav class='nav'>"+
    "{{outlet leftPanel}}" +
    "{{outlet rightPanel}}" +

したがって、CSS がデバイスを認識したら、AppRoute を定義して別のアウトレットをレンダリングするにはどうすればよいでしょうか。 上記の場合、leftPanel と rightPanel の topHeaderBar と appBody を再利用できると考えました。しかし問題は、AppRoute でさまざまなテンプレートをどのようにレンダリングできるかということです。 提案をお願いします。ありがとう！

4

1 に答える 1