問題タブ [onsen-ui2]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
onsen-ui2 - onsen ui2 - angularjs を使用したマスター詳細ページ
angularjs でマスター詳細ページを作成するにはどうすればよいですか。json ファイルからデータを呼び出すファクトリを作成し、リスト コントローラーを作成してリスト項目のタイトルをリストしましたが、ビュー コントローラーに到達するとエラーが発生します。コードの例は以下のとおりです
jquery - onsenui セグメントをタブバーとして使用してコンテンツを設定する方法
ページの中央にタブが必要です
私はこのようなことを達成したい: http://i.stack.imgur.com/GrNpS.png ( 33566805 から取得- Android UI のタブバーに関する同様の質問)
は、またはアプリons-tabbarのいずれかであり、クリックすると全体が変更されます。そのため、ページの中央にあるタブバーとしてを使用します。選択されたものが選択され、他が選択されていないラジオボタンのように動作します。これは良いことです。しかし、どのようにルックスを設定し、コンテンツをどのように設定すればよいのでしょうか?topbottompageons-segment
サンプルコード:
私のCSS：
そして、JS
これをコードペンに入れてみましたが、class="segment" が正しく表示されません。Monaca クラウドでは OK と表示されます。この画像を参照してください。
この質問には、実際にはいくつかの部分があります。
- どのUI要素を使用する
ons-segment必要がありますか? - 丸みを帯びたボタンの外観を正方形のタブの外観に置き換えるように外観を設定するにはどうすればよいですか?
- コンテンツを変更するように設定するにはどうすればよいですか。
ons-templateまたはcardまたは何か他のものを使用しますか？どのコンテンツを表示するかを設定するには、独自の関数を作成する必要がありますか?
私は VUE での回答を好みますが、他のフレームワークやプレーンな JS と CSS でさえも可能です。Onsen ui 2 には、このような使用法に対応するものはありますか?
レイアウトの中間