問題タブ [ionic-framework]

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.

0 投票する
6 に答える
44158 参照

ionic-framework - イオンのヘッダーバーにロゴを追加する方法

Ionic を使用して、ヘッダー バーの中央にロゴを追加しようとしています。それを行う方法について何かアドバイスはありますか?

これが私のコードです

0 投票する
1 に答える
3919 参照

javascript - AngularJS - orderBy 距離関数

私はAngularJSに非常に慣れていないので、簡単にしてください... :-) Ionic FrameworkとAngularJSを使用して新しいPhoneGapアプリを構築中です。リストビューで出力する場所のリストと、ユーザーの場所を検索し、現在の場所とリスト内の場所の間の距離を取得する関数があります。現在、これらは両方とも正しく機能しており、リストを表示したり、通常のフィールド (名前など) で並べ替えたりできます。

私がやりたいのは、ユーザーが好みの並べ替えオプションを設定できる設定画面を用意することです。現在、「名前」でソートするためのプリファレンスのみを保存している基本的なプリファレンスコントローラーも既にセットアップしていますが、以下に示す関数によって計算される距離でソートしたいと思います。でも、このコントローラーには距離機能があるみたいなので、それでソートする方法がわかりません? 距離関数を実行するフィルターを作成する必要がありますか?

繰り返しますが、私は新しいので、どんな助けでも大歓迎です!

これが私のコントローラーです:

そして、ここに私のテンプレートがあります:

0 投票する
2 に答える
7577 参照

javascript - AngularJS:プレースホルダーとng-modelを使用したinput[number]

ビューに次の入力フィールドがあります

ここで欲しいのは、モデル変数 totaltotalClicksを、ユーザーが入力しない限り UI に反映されない初期値に設定することです。

で初期化すると

また

ユーザーが入力するまで、プレースホルダーは正しく表示されます。ただし、モデル変数 totalClicks は更新されず、初期化されたままになります。

に設定した場合

then0は入力に表示され、プレースホルダーは表示されませんが、モデルは更新されます。

何かアドバイスはありますか?

アップデート:

追加した

ページの読み込み時にプレースホルダーが表示されるようになりましたが、入力を変更しても$scope.funnel.totalClicks残ります9

更新 #2: これは plunker の例です。同じモデルにバインドされた 2 つのテキスト ボックスがあるため、1 つの入力ボックスでモデルを変更すると、もう 1 つの入力ボックスも変更されるはずです。(例には ionic フレームワークが含まれます) http://plnkr.co/edit/F4fOGMBA8eFJ9vdyuDvm

0 投票する
3 に答える
3728 参照

javascript - 特定の方向のスライドを無効にするangularjsイオンフレームワーク

私はangularjsを初めて使用し、 ionic フレームワークを使用して angularjs で初めてアプリを作成しています。次のコマンドを使用して ionic アプリを作成しました。

アプリは、左メニューがスライドの下にある状態で適切に作成されているため、メニュー ボタンをクリックするとメイン ビューが右にスライドします。ジェスチャーまたはマウスポインターを使用してメインビューをドラッグすると、スライドが機能します。

サイドメニューを開くために右方向へのドラッグを無効にしたい。サイドメニューは、メニューボタンをクリックするだけで開くことができ、メニューボタンを使用するか、左方向にスワイプするか、マウスを左方向にドラッグして閉じることができます。

0 投票する
1 に答える
19114 参照

angularjs - AngularJS の ng-include で外部 URL を使用する

AngularJS に問題があり、いくつかのポインターが必要です。

外部 URL を埋め込みたいビューがあります (例: http://www.w3schools.com )。埋め込まれた html ページは、通常の html ページのようにクリックやタッチなどのイベントに応答する必要があります。

私はそれを機能させるために ng-include ディレクティブを使用しました。

コード スニペットを次に示します。

外部の HTML を読み込むと、外部の Web ページが読み込まれますが、ページ内のすべてのリンクが壊れています。読み込まれたページ内のリンクをクリックすると、すべてのリンクが外部 URL ではなく localhost を指すようになりました。

この問題を解決するにはどうすればよいですか?

少し早いですがお礼を!

0 投票する
2 に答える
6807 参照

cordova - UIWebViewBounce、「ラバーバンディング」を防ぐ方法

Cordova CLI v3.4 で ionicframework を使用する

config.xml ファイルで次の設定を使用しています。

CLI と XCode を使用してコンパイルしても、何も修正されないようです。

次に、プロジェクト全体を検索し、DisallowOverscrollすべての値がに設定されていることを確認しましたtrue

私の見解では、まだラバーバンディングが発生しています。何が問題なのか誰にも分かりますか?

ありがとう!

0 投票する
3 に答える
14744 参照

touch - イオンフレームワークのスワイプディレクティブ?

ionic にはスワイプやその他のイベントのディレクティブがありますか?
このサービスを見つけました: $ionicGesture。これで独自のディレクティブを作成する必要がありますか?

または、ngTouch のような別のものを使用する必要がありますか?