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 |
除外 |
-[タグ] -リンゴ |
高度な検索の詳細については、ヘルプ ページをご覧ください。 |
3
票
承認済み
AngularJSにて、変数に$scopeを代入した際の質問
JavaScriptにおいて、オブジェクトや配列を変数に代入すると参照渡しとなります。
dataは最終的に$scope.nav.getCurrentPage().options.itemを参照しているということです。
これを回避するには、angular.copy()を使用します。
var data = angular.copy($scope.item);
2
票
承認済み
ons.notification内で改行したい
アラートダイアログを使う
のサンプルにコメントで書いてありますが、messageではなくmessageHTMLを使用します。
ons.notification.alert({
// message: 'メッセージ',
messageHTML: 'メッセージが<br>改行されました。',
// もしくはmessageHTML: '<div>HTML形式のメッセージ</di …
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 …
2
票
承認済み
replacePageで画面遷移する際のアニメーションの方向を変えたい
理解できる範囲で解析しただけなので詳しく説明できませんが、onsenui.jsをカスタマイズしないと左から右は無理のようです。
SimpleSlideTransitionAnimator()、IOSSlideTransitionAnimator()を直接改造するか、新たに左から右用を追加すれば実現できると思います。
// Preset transition animators.
Navigato …
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 …
1
票
ons-list の初期位置
下記URLの内容のように、AngularJSの$location.hash、$anchorScrollを利用すれば、最下段までスクロールさせることができます。
問題点としては、起動時に一瞬スクロールする動きがあることと、ons-list-itemの最下段にidを設定することでしょうか。
参照URL https://teratail.com/questions/2879
index.html
…
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 …
1
票
承認済み
monacaでAngularjsとOnsenUIを使ってリストを表示したい
だいぶ時間が経過していますが、これは非同期によるもので、init()は取得前の空のentriesを先に返すため、起動時に$scope.dataに反映されず表示されません。
各処理の間にconsole.log()を入れて動作させればわかります。
例えば、init()に$scopeを渡して、データがすべて揃った段階で$scope.$emit()でデータを渡し、コントローラ側の$scope.$on()で …
1
票
ons-listでボタンを押したとき、先頭のlist-itemを表示させたい。
ons-list の初期位置
と同様に、AngularJSを利用して、先頭のons-list-itemにidを設定し、「先頭を表示」ボタン押下時に$location.hash()、$anchorScroll()を実行すれば、先頭から表示させることができます。
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 …
1
票
スライディングメニューのテンプレートを使っているのですがleft側のForm1.htmlへ画面が飛びません。どうすれば切り替わるようになるでしょうか?
<ons-toolbar-button ng-click="Form1.html">
のng-clickに問題があります。
ng-clickは、クリックされた場合の処理を書かないといけません。
下記の例ではons-navigatorを利用し、pushPageメソッドでForm1.htmlのページを表示させています。
※onclickでも同様に動作します。
<ons-navigator var …
1
票
承認済み
ons-carousel-itemをng-repeatで作成した場合にinitial-indexが効かない
おそらくons-carousel-itemでng-repeatを使用しているので、ons-carouselでinitial-indexを指定してもその時点ではons-carousel-itemは一つも存在せず、反映されないのではないかと思われます。
コントローラを使用しているのであれば、setActiveCarouselItemIndexメソッドで指定できます。
ons.ready(funct …
1
票
Radiobutton Listでラジオボタンをリストの右側に表示する方法
クラスを追加してCSSで右側に移動させます。
<style>
.radio-button--right {
position: absolute;
right: 5px;
}
</style>
:
: 省略
:
<ons-list-item modifier="tappable">
<label class="radio-button radi …
1
票
ons-toolbarのカスタマイズ方法について
Onsen UI v1.3.15のonsenui.jsの20214行目にons-toolbarのコードがあります。
AngularJSで記載されており、また20259行で'left', 'center', 'right'が指定された場合という条件があるため、回答としては「ありません」となります。
ons-toolbarによって出力された内容を解析し、jQueryを使用したいなら、それに置き換えて …
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}}"とすることで、配列 …