問題タブ [ionic-framework]

Ionic は初めてですが、試してみたいと思ってから長い時間が経ちました。私はただ遊んでいるだけなので、完全な概念を理解していない可能性があります。

下部に 3 つのタブがあり、3 つのタブすべてに設定アイコンがある単純なアプリケーションを作成しようとしています。そのアイコンをクリックすると、タブが非表示になり、設定画面が表示されるはずです。

ユーザーがコンテンツを失うことを望まないので、すべてのビューはグローバル ビューから継承します。

次に、tabs/view次のようになります。

そして、ビューの1つ:

最初に疑問に思うのは、これらのボタンをすべてのビューで再利用する方法はありますか? それらを何度も定義し続けるのは無意味に思えます。

しかし、それは本物ではありません™。[設定] をクリックすると、何かが挿入されion-nav-viewますが、多くのもの (テンプレートにはありません) が含まれており、他のビューやタブも非表示になりません。

いくつかのスクリーンショット:

_{(ソース: ionicframework.com )}

これに対する正しいアプローチは何ですか？

私は Ionic Framework と AngularJs も初めてです。

私が取り組んでいるアプリには、ユーザーが検索できるビューがあり、結果がリストに表示されます。ユーザーがリスト項目の 1 つをクリックすると、詳細ビ​​ューに移動します。ユーザーがヘッダー バーの [戻る] ボタンを押すと、検索テキスト ボックスと結果リストが空になり、再度検索する必要があります。

ユーザーが詳細ビューから戻るボタンを押したときに、前の検索用語と結果が入力された検索ビューを表示するための推奨されるアプローチは何ですか? （スクロール位置も元に戻せばいいのに）

この情報を何らかのサービスに保存できることはわかっていますが、これは大変な作業のように思えます。

ビュー ステート サービスなど、これを行うことができる他の優れた機能はありますか?

Ionic を使用していて、フッターに戻るボタンを作成したいと考えています。これが私がやっている方法です。

私の見解：

およびこのビューのコントローラー:

私の質問: これを行うためのより良い方法 (つまり、ディレクティブ) はありますか、それともこれを行う方法ですか?

次のようなループを作成する方法:

私はそれが次のようなものだと想像します：

助けてください、ありがとう。

ionic を使用してアプリを構築し、実際の箇条書きリストを表示する必要があります。

• 項目 1
• 項目 2
• 項目 3

ただし、フレームワークは、UI としてではなく、構造要素 (リストなど) としてのみ使用するよう に、何らかの CSS リセット/マジック オン<ul>および要素を実行しているようです。<li>

unordered-list必要な UI を提供するために独自の CSS スタイルを作成することになりました。それは自分で行う正しい方法ですか?それとも ionic には、代わりに使用する必要のある CSS スタイルが奥深くに埋め込まれていますか?

あらかじめご了承ください。

全て、

ionic および phonegap ビルドを使用してみることにしました。プラグインを使ってみるまでは、すべてうまくいっていました。プラグインを呼び出そうとするとすぐに

プラグイン「デバイス」が見つからないか、CDVPlugin ではありません

weinre コンソールでは、

deviceready は 5 秒経過しても発火していません。チャネルが起動されていません: onCordovaInfoReady

プラグインが認識されていることをPhonegap Buildで確認できます.ipaファイルをダウンロードしてコンテンツを展開すると、すべてがそこにあることがわかります. 私は Phonegap の Ismael と一緒に働いていたので、これはイオンの問題ではないかと疑っています (非常に反応が良く、役に立つ、BTW)。彼は phonegap のサンプルを送ってくれました。彼の構成設定とコードに基づいて、私は同じものを実行していますが、まだ問題があります。誰かが私を助けることができれば、私はそれを大いに感謝します.

私がやった事

1. sudo npm install ionic -g
2. sudo npm install phonegap -g
3. sudo npm install cordova -g
4. sudo ionic start xxxx
5. sudo ionic platform add ios
6. CDxxxx
7. CDwww
8. phonegap リモートビルド iOS

環境

• OS X 10.9.2
• デバイス iOS 7.1 を実行している iPhone 4s
• PhoneGap ビルド プロジェクト バージョン 3.3.0
• ionic-v1.0.0-beta.1
• phonegap CLI 3.4.0-0.19.8
• コルドバ CLI 3.4.0-0.1.3

config.xml

index.html

app.js

コントローラーから ng-model を読み取る際に「問題」が発生しています。

私はこれをしたい：

そして、私のコントローラーでは、次のようにその変数にアクセスします。

それが私がやりたいことですが、私のコード変数は未定義です。

これを機能させる2つの方法を見つけました：

1) 変数を引数として渡す

と：

2) 変数をオブジェクトとして宣言する

と：

(私は2番目の方が好きです)

でも、どうしたらいいのか少し迷っています。オブジェクトのような私の ng-models を宣言しても大丈夫ですか? オブジェクトのようなすべてのモデルを宣言する必要がありますか?

編集:ここに問題の Plnkr があります

この例 (私はIonicフレームワークを使用しています) では、入力のモデルを変更して [開始] ボタンを押すと、変数コードを値テストで宣言します。理論的には、アラートで新しい値を確認する必要があります。モデル。しかし、私が見ているのは古いものです。

ありがとう！

angularjs と ionic フレームワークを使用してモバイル アプリを設計しています。感覚的な反応が重要なので、クリックしたアイテムを暗くする機能を実装することを考えました。つまり、アイテムの不透明度 1 -> ユーザーが画像をクリック -> アイテムの不透明度をたとえば 0.5 に設定 -> ユーザーを href アドレスにリダイレクトします。

これは、Angular/ionic フレームワークの方法でどのように実装する必要がありますか?

これはある程度機能するスニペットですが、50 ミリ秒の遅延が発生します。また、 preventDefault() と window.location.href は、おそらく使用するのに最適なものではありません ($location が機能しませんでした)。angular-animations/css を同じ効果に使用できますか? 個別の animate-click 属性が必要ないように、何らかの方法ですべてのリンクに課すことはできますか?

そしてディレクティブ