問題タブ [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.

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

onsen-ui - Onsen 2 で無限スクロールができません

Onsen2(このページ)on-infinite-scrollのドキュメントに基づいてng-infinite-scroll動作するはずですが、動作させることはできません。

私が見逃したものはありますか。

コードペンサンプル

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

angularjs - Onsenui を使用して新しいページにデータを渡す

ユーザーが myNavigator.pushPage() リクエストを保持しているボタンをクリックすると、API エンドポイントを呼び出そうとしています。ただし、 $http.get リクエストから生成された $scope データを新しいページに渡すことができません。

console.log('test');を使用してテストすると、$http.getリクエストの .success 内で、コンソールでログ情報を正常に取得できますが、データは$scope.var = 'something';に保持されます。ページに渡されません! 本当に混乱しています!

ページ:

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

angularjs - $window.sessionStorage で AngularJS を使用する (Onsen UI を使用)

簡単なログイン機能を実装しようとしています。$window.sessionStorage.currentUserId5 セッションが存在するかどうかに基づいて、DOM に別の要素をロードさせたいと考えています。しかし、.run() に追加した条件ステートメントは、else{} ステートメントを使い続けるだけです。

コントローラ

ユーザーがボタンをクリックすると、これが呼び出され、$window.sessionStorage をここに作成する必要があります

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

css - onsen ui 2:Androidスタイルのスクロール可能なタブバーを実装するには?

フロントエンドに onsen-ui 2 を使用して Android アプリを作成しています。1 ページに複数のカテゴリをタブで表示します。カテゴリが 7 つほどあるので、ネイティブの Android アプリのようにスクロール可能なタブバーを実装したいと考えています。ということで、基本的にonsen-ui 2を使ってタブバーのスクロールなどを行う方法ですが、今のところ組み込みではないと思います。私はこのようなものを実装したい:

http://i.stack.imgur.com/zjILk.png

マテリアライズ CSS を使用してみましたが、完全には機能しません。ページの幅が増え、レスポンシブ ビューが壊れます。

更新: これらの CSS プロパティを設定して、拡張ビューを取得します。

これに加えて、カスタム jquery.kinetic ライブラリを追加して、ここからタッチスクロールを取得しました: http://davetayls.me/jquery.kinetic/ そして、次のように ons-tabbar に初期化しました: <ons-tabbar modifier="material" id="tab"> //in HTML

スクロール可能なタブバーは正常に動作します。ただし、タブ バー クラスの幅が大きすぎると、最後に空白ができます。これを克服する方法はありますか?私が考えた 1 つの答えは CSS メディア クエリでしたが、タブは動的に追加されているため、将来的には 7 を超える可能性があります。

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

jquery - ons-sliding メニューを介してメイン ページを呼び出すと、onsen ui jquery コードがメイン ページで機能しない

アプリに温泉UIスライドメニューを使用していますが、これはスライドメニューに使用しているコードです:

ただし、すべての html が<ons-template>タグに含まれていた元のテンプレートとは異なり、メイン ページ (frontpage.html) 用に別の HTML ファイルを作成し、menu.html テンプレートのみを含むページの名前を index.html に変更しました。

frontpage.html では、jquery コードを使用してアコーディオンを表示していますが、ブラウザーで html ページを開くと正常に動作しますが、index.html ファイルを開くと、jquery アコーディオン以外はすべて正常に動作します。アコーディオンのすべてのタブが事前に開かれており、アコーディオンが機能しません。コンソールでもエラーは発生しません。

ローカルでホストされている jquery v2.2.3 を使用しています。両方の html ファイルには、jquery スクリプトが正しく含まれています (ブラウザー ビュー ソースでチェック)。

script タグの下の frontpage.html に直接コードを含め、別の js ファイルに含めて、両方を試しました。ページがブラウザに直接ロードされた場合は問題なく動作しますが、スライド メニュー ページを介してページがロードされた場合は動作しません。

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

javascript - キャンバス上の移動イベントから X と Y を取得するにはどうすればよいですか?

Cordova + Onsen Ui 2 + javascript でアプリを開発しているのですが、javascript の移動イベントから座標 X と Y を取得するのに問題が発生しています。mousemove (起動しませんでした) とドラッグを試しました (ただし、イベント オブジェクトから pageX または clientX を取得しようとすると未定義になりました)。キャンバスでの描画に関する例はまだ見つかりませんでした。よろしくお願いします!

Javascript:

HTML:

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

javascript - onsen ui (2 rc5) ons-bottom-toolbar angular template TypeError: 未定義のプロパティ 'nodeValue' を設定できません

私はこのようなことを試しました:

そして、私はこのエラーが発生します

温泉ボトムツールバーはバインドを受け付けていないようです。または、何かを見逃した可能性があります。

アップデート:

このエラーは、GoogleChroum (Ubuntu デスクトップおよび Android) の最新バージョンで表示されました。