問題タブ [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.
angularjs - Onsenui を使用して新しいページにデータを渡す
ユーザーが myNavigator.pushPage() リクエストを保持しているボタンをクリックすると、API エンドポイントを呼び出そうとしています。ただし、 $http.get リクエストから生成された $scope データを新しいページに渡すことができません。
console.log('test');を使用してテストすると、$http.getリクエストの .success 内で、コンソールでログ情報を正常に取得できますが、データは$scope.var = 'something';に保持されます。ページに渡されません! 本当に混乱しています!
ページ:
angularjs - $window.sessionStorage で AngularJS を使用する (Onsen UI を使用)
簡単なログイン機能を実装しようとしています。$window.sessionStorage.currentUserId5 セッションが存在するかどうかに基づいて、DOM に別の要素をロードさせたいと考えています。しかし、.run() に追加した条件ステートメントは、else{} ステートメントを使い続けるだけです。
コントローラ
ユーザーがボタンをクリックすると、これが呼び出され、$window.sessionStorage をここに作成する必要があります
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 を超える可能性があります。
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 ファイルに含めて、両方を試しました。ページがブラウザに直接ロードされた場合は問題なく動作しますが、スライド メニュー ページを介してページがロードされた場合は動作しません。
javascript - キャンバス上の移動イベントから X と Y を取得するにはどうすればよいですか?
Cordova + Onsen Ui 2 + javascript でアプリを開発しているのですが、javascript の移動イベントから座標 X と Y を取得するのに問題が発生しています。mousemove (起動しませんでした) とドラッグを試しました (ただし、イベント オブジェクトから pageX または clientX を取得しようとすると未定義になりました)。キャンバスでの描画に関する例はまだ見つかりませんでした。よろしくお願いします!
Javascript:
HTML:
javascript - onsen ui (2 rc5) ons-bottom-toolbar angular template TypeError: 未定義のプロパティ 'nodeValue' を設定できません
私はこのようなことを試しました:
そして、私はこのエラーが発生します
温泉ボトムツールバーはバインドを受け付けていないようです。または、何かを見逃した可能性があります。
アップデート:
このエラーは、GoogleChroum (Ubuntu デスクトップおよび Android) の最新バージョンで表示されました。