Skip to main content
Search type Search syntax
タグ [タグ]
完全一致 "ここの単語"
作成者 user:1234
user:me (あなたの)
スコア score:3 (3+)
score:0 (なし)
回答 answers:3 (3+)
answers:0 (なし)
isaccepted:yes
hasaccepted:no
inquestion:1234
閲覧数 views:250
コード code:"if (foo != bar)"
セクション title:リンゴ
body:"リンゴ オレンジ"
URL url:"*.example.com"
セーブ in:saves
状態 closed:yes
duplicate:no
migrated:no
wiki:no
種類 is:question
is:answer
除外 -[タグ]
-リンゴ
高度な検索の詳細については、ヘルプ ページをご覧ください
でタグ付けされた検索結果
検索オプション not deleted user 9566

携帯端末用アプリのフロントエンドをビルドする為の HTML5 フレームワーク。

3
承認済み

AngularJSにて、変数に$scopeを代入した際の質問

JavaScriptにおいて、オブジェクトや配列を変数に代入すると参照渡しとなります。 dataは最終的に$scope.nav.getCurrentPage().options.itemを参照しているということです。 これを回避するには、angular.copy()を使用します。 var data = angular.copy($scope.item);
otak-lab's user avatar
  • 1,448
2
承認済み

ons.notification内で改行したい

アラートダイアログを使う のサンプルにコメントで書いてありますが、messageではなくmessageHTMLを使用します。 ons.notification.alert({ // message: 'メッセージ', messageHTML: 'メッセージが<br>改行されました。', // もしくはmessageHTML: '<div>HTML形式のメッセージ</di …
otak-lab's user avatar
  • 1,448
2

<ons-carousel-item>コンポーネントを追加した場合refresh()メソッドの使い方

Let’s Build a Weather App using AngularJS and Onsen UI! を参考に、実例のサンプルを改造してみました。 Addボタンをタップすると、ons-carousel-itemがGRAYから順に追加されます。 この場合、ng-repeatで配列分を回していますが、配列に追加しただけではons-carousel-itemに反映されないため、refresh …
otak-lab's user avatar
  • 1,448
2
承認済み

replacePageで画面遷移する際のアニメーションの方向を変えたい

理解できる範囲で解析しただけなので詳しく説明できませんが、onsenui.jsをカスタマイズしないと左から右は無理のようです。 SimpleSlideTransitionAnimator()、IOSSlideTransitionAnimator()を直接改造するか、新たに左から右用を追加すれば実現できると思います。 // Preset transition animators. Navigato …
otak-lab's user avatar
  • 1,448
1

Monaca Onsen UI ダイアログ表示後、戻るボタンを押下すると、"Capturing backbutton-handler is failure."となる

自己解決しました。 ダイアログを表示する前に戻るボタンのハンドラーを無効にして、閉じるときに有効に戻します。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 …
otak-lab's user avatar
  • 1,448
1

ons-list の初期位置

下記URLの内容のように、AngularJSの$location.hash、$anchorScrollを利用すれば、最下段までスクロールさせることができます。 問題点としては、起動時に一瞬スクロールする動きがあることと、ons-list-itemの最下段にidを設定することでしょうか。 参照URL https://teratail.com/questions/2879 index.html …
otak-lab's user avatar
  • 1,448
1

<ons-tabbar>のメニューを変更するには

ng-showを使用してons-tabの表示をON/OFFすれば実現可能ではないでしょうか? 各コントローラからindexControllerにON/OFFを通知します。 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, i …
otak-lab's user avatar
  • 1,448
1
承認済み

monacaでAngularjsとOnsenUIを使ってリストを表示したい

だいぶ時間が経過していますが、これは非同期によるもので、init()は取得前の空のentriesを先に返すため、起動時に$scope.dataに反映されず表示されません。 各処理の間にconsole.log()を入れて動作させればわかります。 例えば、init()に$scopeを渡して、データがすべて揃った段階で$scope.$emit()でデータを渡し、コントローラ側の$scope.$on()で …
otak-lab's user avatar
  • 1,448
1

ons-listでボタンを押したとき、先頭のlist-itemを表示させたい。

ons-list の初期位置 と同様に、AngularJSを利用して、先頭のons-list-itemにidを設定し、「先頭を表示」ボタン押下時に$location.hash()、$anchorScroll()を実行すれば、先頭から表示させることができます。
otak-lab's user avatar
  • 1,448
1
承認済み

カルーセルで左右に矢印を出したい

Onsen UIのonsen-css-components-blue-basic-theme.cssの2731行にons-list-itemの>を表示するクラス.list__item--chevron:beforeがありますので、これをコピーし左用(<)、右用(>)のクラスを作成すれば実現できます。 CSS .carousel-item-chevron-l:before { posit …
otak-lab's user avatar
  • 1,448
1

スライディングメニューのテンプレートを使っているのですがleft側のForm1.htmlへ画面が飛びません。どうすれば切り替わるようになるでしょうか?

<ons-toolbar-button ng-click="Form1.html"> のng-clickに問題があります。 ng-clickは、クリックされた場合の処理を書かないといけません。 下記の例ではons-navigatorを利用し、pushPageメソッドでForm1.htmlのページを表示させています。 ※onclickでも同様に動作します。 <ons-navigator var …
otak-lab's user avatar
  • 1,448
1
承認済み

ons-carousel-itemをng-repeatで作成した場合にinitial-indexが効かない

おそらくons-carousel-itemでng-repeatを使用しているので、ons-carouselでinitial-indexを指定してもその時点ではons-carousel-itemは一つも存在せず、反映されないのではないかと思われます。 コントローラを使用しているのであれば、setActiveCarouselItemIndexメソッドで指定できます。 ons.ready(funct …
otak-lab's user avatar
  • 1,448
1

Radiobutton Listでラジオボタンをリストの右側に表示する方法

クラスを追加してCSSで右側に移動させます。 <style> .radio-button--right { position: absolute; right: 5px; } </style> : : 省略 : <ons-list-item modifier="tappable"> <label class="radio-button radi …
otak-lab's user avatar
  • 1,448
1

ons-toolbarのカスタマイズ方法について

Onsen UI v1.3.15のonsenui.jsの20214行目にons-toolbarのコードがあります。 AngularJSで記載されており、また20259行で'left', 'center', 'right'が指定された場合という条件があるため、回答としては「ありません」となります。 ons-toolbarによって出力された内容を解析し、jQueryを使用したいなら、それに置き換えて …
otak-lab's user avatar
  • 1,448
1
承認済み

左スワイプ(ons-carousel)で削除ボタンを表示→クリックで該当アイテムを削除→次のアイテムが左スワイプされて表示される

How to refresh a list with an ons-carousel when ons-lazy-repeat detects a changeに似たような質問があります。 ng-repeatで繰り返した場合、myCarouselは最後のons-carouselに対して付けられるため、うまく動作しないようです。 var="carousel.{{$index}}"とすることで、配列 …
otak-lab's user avatar
  • 1,448

15 30 50 件 / ページ