問題タブ [ionic]

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 投票する
3 に答える
7037 参照

angularjs - Ionic フレームワーク リストで「チェックボックス」と「アバター」を組み合わせる

私は初心者のプログラマーであり、Ionic Framework と Angular.js は初めてです。主に「すぐに使える」Ionicを使用してモバイルアプリを開発しています。しかし、次のものを組み合わせた Ionic リストを表示したいと思います。

  • チェックボックス
  • アイテムの内容 (例: テキストの文字列)
  • アバター (つまり、アイテムに関連付けられた画像)

以下のモックアップを参照してください...

望ましいディスプレイ - モックアップ

HTML マークアップの合理化された例は次のようになります。

しかし、ページは次のように表示されます。

現在の表示

私の質問:

  • Ionic フレームワークはこの組み合わせ (リスト項目でチェックボックスとアバター画像を組み合わせる) をサポートしていますか?
  • もしそうなら、どのマークアップまたはコード (HTML、CSS、JS) を使用して、このタイプの表示をレンダリングできますか?

ここで簡単な例のコードを見ることができます:

プランカーのサンプルコード

Stackoverflow コミュニティからのガイダンスと指示に感謝します!

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

angularjs - ion-nav-bar の要素をクリックできない、機能しない

Ionic マップ アプリケーションを作成し、トグル可能な検索バーをナビゲーション バーに追加しようとしています。ion-nav-buttons side="left" (検索アイコン、入力バー) を使用してナビゲーション バーの左側に追加したものはすべて、クリック/フォーカスできません。奇妙なことに、これらの要素がナビゲーション バーからはみ出しても、それらの要素の領域をクリックすることができます。以下のコードとテスト画像:

およびいくつかの CSS:

どのように見えるべきか

要素を操作できる状況を示す乱雑なバージョン

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

angularjs - イオン: 字幕表示

私のangular-ionicアプリケーションでは、ビュータイトルの下にサブタイトル(「アルファベット」に似ています)を追加したいと思います。これは可能ですか、または Web 上に回避策はありますか?

ここに画像の説明を入力

現在、私のテンプレートは次のようになっています:

前もって感謝します。

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

javascript - Javascript を使用した Twitter API への Oauth 呼び出し

ionic で Twitter ベースのアプリを実装しようとしています。ユーザーを承認し、その承認に基づいて API 呼び出しを行います。(彼のつぶやきを読んでいると言う)

私は現在 ng-cordova-oauth cordova-oauthを使用しており、ユーザーが Twitter によって承認されると、ユーザーの oauth_token と oauth_secret、screen_name と user_id を取得しました。

ここで、Angular を使用して上記の値を使用して API 呼び出しを行いたいと思います。誰でも API 呼び出し (できれば Angular $http を使用) を行うのを手伝ったり、利用可能な JS ライブラリを参照したりできますか?

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

mean.io - mean.io で ionic フレームワークを使用する

MongoDB、Express、AngularJS、および NodeJS をシードするためのプロジェクトである MEAN.io を使い始めました。どうすればイオンを統合できるのだろうか?bower を使用して ionic を bower_components フォルダーにインストールしましたが、js/css ファイルが自動的に読み込まれません。ionic.bundle.js と ionic.css を手動でカスタム パッケージに追加すると、

また

jshintから何百ものエラーが発生します...

0 投票する
5 に答える
19249 参照

android - 一部のイオコンが表示されない

Cordova プロジェクトで使用しているアイコンの一部がどのデバイスにも表示されないことに気付きました。機能していないものには、アイコン名に ios または android という単語が含まれているようです (例:ion-android-list またはion-ios-book-outline)。空白で表示される理由はありますか? これまでのところ、一般的な名前で使用したアイコンはすべて正常に機能します (ion-clock、ion-card など)。ここから取得しているアイコン名: ionicons

これを index.html ファイルに含めました。

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

wordpress - WordPress アプリ backebd、オフライン

バックエンドとして worpress を使用し、フロントエンドとして ionic を使用してアプリを構築しています。データをオフラインで保存する方法はいくつかありますが、最も堅牢なオプションはどれですか? 私は ios と android にデプロイしますが、データにはより大きなファイルが含まれている可能性があります。ファイル API を使用して .json ファイルを保存することに傾いていますか?

0 投票する
0 に答える
439 参照

android - floathotpot cordova-plugin-admob を使用した Ionic admob の実装

Android アプリケーションでバナー広告を表示するには、このチュートリアルに従っています。 https://blog.nraboy.com/2014/06/using-admob-ionicframework/

問題は、プラグインからエラー コールバックが返されることです。

無効なアクション

プラグイン用の cordova plugin add を実行し、admob パブリッシャー ID を変更し、上記のチュートリアルのサンプル コードを使用しましたが、エラー ケース コールバックである 2 番目のコールバック関数で常にスタックします。

使用したコードは次のとおりです。

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

ionic-framework - 側面をタップしてキーボードを閉じると画面が伸びる

キーボードからのテキスト入力を必要とする複数の画面があります。キーボード領域の外側をタップしてキーボードを閉じると、すべての画面要素が縦に伸びます。この問題を解決する方法を知っている人はいますか?