問題タブ [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 投票する
1 に答える
1057 参照

ionic-framework - クロムで非常に遅いIonicframework

Ionic フレームワークを使用して webapp を構築しています。エミュレーターとデバイスを避けるために、現時点ではクロムで開発しています。このアプリは非常にシンプルです。GET および POST リクエストを REST サーバーに発行するだけで、すべてが私の非常に強力な macbook でローカルに実行されています。

Chrome でページをリロードすると、REST サーバーに GET リクエストを送信するのに文字通り 10 秒かかります。ばかげてる。

アプリは非常に小さく、約 8 つの状態/ページしかありません。ストック ionic に追加したのは RESTangular だけです。

Chrome を使用しているため速度が遅いのでしょうか、それとも重大なエラーを示しているのでしょうか? Chrome 開発ツールは、ionic.bundle.min.js が 10 秒間待機状態にあることを示しています。リクエストがあるとログメッセージが表示され、約10秒間何も起こらないため、サーバーに問題があるわけではありません.

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

sass - grunt/steroids を使用した Ionic SASS の構築

IonicおよびAppgyver Steroidsを使用してプロトタイプ プロジェクトを構築しようとしています。Ionic には、AngularJS の上に構築された非常に優れた UI とテンプレートのセットがあります。また、Steroids は、モバイル アプリをテストするための優れたツールをいくつか提供しています (ローカル テスト用の組み込み Web サーバー、自動デプロイ、weinre デバッグ、エミュレーター統合、実際のデバイスにデプロイして weinre でデバッグするための簡単なワークフロー)。そのため、それらを組み合わせることは、これまでで最も素晴らしいアイデアのように聞こえました。

私は勇敢な試み (詳細は後述) を行いましたが、これは有望に見えます。しかし、Steroids ビルド ツールを実行すると、Ionic の SASS をコンパイルしようとすると、多数のエラーが発生します。

詳細....

ジェネレーター コマンドを使用して、Steroids で新しいプロジェクトを開始しました。

次に、Ionic を www/components に次のようにインストールしました。

次に、Ionic スターター プロジェクトの 1 つをダウンロードし、Steroids サンプル コードと手動でマージしました。Ionic コードを使用しましたが、CSS および JS インクルードを www/components にリダイレクトしました。次に、Steroids のサンプル コードからインクルードをコピーしました: steroids.js, onerror.js, . さまざまな config.xml ファイルもコピーしました。console.log.jscordova.js

サンプルコードをどこかにアップロードできますが、それが実際に壊れているとは思いません。背景を提供するのは良い考えだと思いました。フランケンシュタインの怪物をテストするために、次のように実行しました。

これにより、ポート 4000 で小さな Web サーバーが起動し、ブラウザーでそのリンクが開きます。ただし、steroids サーバーの起動時に、SCSS ファイルが検出され、それらをコンパイルしようとします。bower パッケージにはビルド済みのパッケージが含まれているため、実際にコンパイルする必要はありませんが、基本が機能するようになったら、おそらく SASS を使用してアプリのスタイルを設定したいと思うでしょう。

ただし、次のエラーが発生します。

したがって、これらの未定義の mixin と変数はすべて、私のコード ベースの と の下www/components/ionic/_mixins.scsswww/components/ionic/_variables.scssそれぞれ存在します。これらは両方とも に含まれていwww/components/ionic/ionic.scssます。Ionic は、あなたが ionic.scss をコンパイルし、すべてを正しい順序 (合理的) に含めることを期待しているようですが、Steroids (を使用しているようgrunt-contrib-sassです) は、ディレクトリ内のすべての SCSS ファイルを別の順序でコンパイルしようとしています。 .

では、Steroids を構成する方法、またはgrunt-contrib-sass単にコンパイルする方法はありますionic.scssか? もしそうなら、どのように?それに失敗した場合、Steroids で SASS コンパイルを無効にするにはどうすればよいですか?

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

ionic-framework - タブ内の Ionic スライドボックス

スライドボックスを ionic フレームワークで動作させるのに問題があります。

タブ シード プロジェクトを使用し、いくつかのコードを変更して、スライド ボックスのドキュメントからデモ コードを挿入しました。

これがアプリのプランカーです: http://plnkr.co/edit/FxRyJ62sCtSiJdGUPzAz?p=preview

スライド ボックスはデータ タブ (tab-data.html) にあります。

すべてが正しく機能しているように見えます: ディレクティブは認識されますが、スライド ボックスは機能しませんか?

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

javascript - Angular サービスの複製データ

私は Ionic フレームワークを使用しており、2 つのビューがあります。1 つはすべてのストア用で、もう 1 つはストアの詳細用です。どちらもサービスからデータを読み取っています。私の問題は、あるストアをクリックして戻ると、すべてのストアが再び追加されることです。

これが私のコードを含むplnkrです

ありがとう!


編集:

回答では、1 つの解決策が get 関数内に配列を追加することであることがわかりました。これにより重複データが停止しますが、配列のオブジェクトを読み取りたい場合はどうなりますか。これで、get 関数内に次のような配列があります: http://plnkr.co/edit/Ga8RVpwOvTnl4qkRVaWT?p=preview

0 投票する
10 に答える
74036 参照

ionic-framework - HelloCordova から Ionic アプリの名前を変更する方法

Ionic フレームワークは非常に優れたものです。私が取り組んでいるいくつかの Angular コードを使用してアプリを正常に構築することができましたが、生成されたアプリの名前を変更する方法に関する単純な質問に対する答えが見つかりません。出力アプリは常に HelloCordova と呼ばれ、アプリの名前を変更する方法に関するドキュメントはないようです。HelloCordova の代わりにプロジェクト ディレクトリを手動で調べ始めると、アプリが実行されなくなります。確かに、人々は以前にこれを解決しました。

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

angularjs - スワイプすると、Ionic でボタンが表示されない

Ionic フレームワーク内での作業。非常に単純なアプリのセットアップがあり、スワイプでボタンを表示できません:

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

node.js - イオンフレームワークをインストールできません

ionic フレームワークをインストールしようとしていますが、「npm install -g ionic」を実行するとエラーが発生し続けます。

それがエラーです:

npm エラー! エラー: 互換性のあるバージョンが見つかりません: colors@'^0.6.2' npm ERR! 有効なインストール ターゲット: npm ERR! ["0.3.0","0.5.0","0.5.1","0.6.0","0.6.0-1","0.6.1","0.6.2"] npm ERR!
installTargetsError (/home/myname/local/lib/node_modules/npm/lib/cache.js:685:10) で npm ERR! /home/myname/local/lib/node_modules/npm/lib/cache.js:607:10 npm ERR で! 保存された (/home/myname/local/lib/node_modules/npm/node_modules/npm-registry-client/lib/get.js:138:7) npm ERR! Object.oncomplete で (fs.js:107:15) npm ERR! 助けが必要な場合は、npm ERR! でこのログを報告してください。
http://github.com/isaacs/npm/issues npm ERR! または、メールで送信してください: npm ERR!

私はすでにノードを更新し、キャッシュをクリアしました。

何か案が?

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

javascript - AngularJS + AngularFire = エントリの編集方法

$scopeは持っています:

$scope.current_account_key-私の更新モーダルからのキー

$scope.current_accountname: $scope.current_account.name、および説明$scope.current_account.description(アカウントは私のエントリです)を持ちます。

これらの値で Firebase のエントリを更新したいと考えています。

Firebase ツリー: