3
票
$applyを使っても$scopeに反映されない
thenに渡している関数は非同期で呼ばれるので、そのタイミングで$scope.$applyしても無駄です。
$scope.$applyはthen内で呼ぶ必要があります。
setTimeout(function () {
getData().then(function(value) {
$scope.$apply(function() {
$...
3
票
承認済み
AngularJSにて、変数に$scopeを代入した際の質問
JavaScriptにおいて、オブジェクトや配列を変数に代入すると参照渡しとなります。
dataは最終的に$scope.nav.getCurrentPage().options.itemを参照しているということです。
これを回避するには、angular.copy()を使用します。
var data = angular.copy($scope.item);
1
票
Web SQLで取得したデータをAngularJSを使って表示する方法について
取得したデータが表示されない原因は、非同期だからです。
$scope.items = getList();
getList()の戻り値としてundefinedが返ってくるため、何も表示されません。
この場合、promiseを使えば解決できます。
「処理の完了を待ってから次の処理をしたい」の回答を参照してください。
Taka Mさんが掲載したコードには問題箇所がたくさんありますが、...
1
票
Onsen UIで遷移先のページを別htmlファイルとして用意してそのファイルの中に<template>を使用したい。
OnsenUI使用歴が長い訳ではないため100%保証はできませんがお答えします。
ons-template について勘違いをされているかと思われます。(自分がそうでした)
thymeleafのreplaceのようなhtmlの一部を読み込むようなものではありません。
まず ons-template とは、本来別のhtmlファイルを作成しなければならないものを、id属性に指定した"page2....
1
票
サイトが表示できない
<状況>
エラーメッセージ: ” because it set 'X-Frame-Options' to 'sameorigin' ”
[訳] だって、'X-Frame-Options'(FrameやiFrameで表示するかどうかのオプション) が 'sameorigin'(同一サイト限定)になってんだもん。
[解説] http://www.アドレス名.jp/ は、...
1
票
Onsen-UI list-itemを<ol><li>のような順番つきにする方法
Onsen UI V2のCSSでは、「・」や数字が表示されないようにlist-style-typeやlist-styleを無効にしているので、CSSカウンターを使用して自前で連番を振れば実現できます。
.list-item_count {
counter-increment: item;
}
.list-item_count div::before {
content: ...
1
票
Onsen UIで遷移先のページを別htmlファイルとして用意する方法(非Angular)
例えば、下記のようなtemplateの場合、
<template id="hoge.html">
<ons-page>
hoge
</ons-page>
</template>
「hoge.html」を作成し、ons-pageの内容を記述することで同じような動作となります。
hoge.html
<ons-page>
...
1
票
InAppBrowserでのページ遷移時のloading表示について
ons-modalでLoading...と表示し、InAppBrowserをhidden状態でWebサイトにアクセスします。
読み込みが完了するとloadstopイベントが発火するので、ons-modalを閉じてInAppBrowserを表示します。
ただし、外部ブラウザ(_system)を指定した場合は機能しません。
ons-modal
InAppBrowser プラグイン
HTML
&...
1
票
承認済み
ons-list の特定行のみ、アイコンを表示したい
ng-repeatディレクティブ内では特殊な値が使用できます。
その中で$indexはng-repeatディレクティブ要素のインデックス値を示すため、この値を利用することで特定の順番の要素に変化をつけられます。
要素の表示/非表示にはng-ifディレクティブ、またはng-showディレクティブなどを使用すると良いでしょう。
<!-- $indexが0〜2の場合に表示 -->
<...
1
票
iOSのみ、checkboxのlabelが反応しません。
Onsen UI 内部で使用しているライブラリ、 FastClick のバグによるもので、onsenui.min.js の読み込み後に、
ons.fastClick.destroy();
を実行することで応急処置になるとのこと。
Onsen UI 開発チームの方より Teratail で回答 あり。
コミュニティ wiki
1
票
承認済み
Angular2×OnsenUI2 ons-tabのsetActiveTabの使い方
setActiveTab は ons-tab ではなく ons-tabbar の関数です。
setActiveTab を利用するには、以下のように @ViewChild, ElementRef, nativeElement を使用します。
(1), (2), (3) に着目してください。
import {
Injectable,
Component,
ViewChild,
...
1
票
ons-inputの正しい使用方法は?
ons-inputはクラスを指定する必要がありません。
inputタグを使用する場合、クラスを指定します。
<ons-list>
<ons-list-item>
<ons-input type="email" placeholder="ons-input"></ons-input>
</ons-list-...
1
票
ons-switchの使い方
Monacaデバッガーを使用すると、下記エラーが表示されます。
Uncaught ReferenceError: mySwitch is not defined
var="myswitch"のコーディングミスによるエラーです。
それを修正して再度確認すると、下記エラーが表示されます。
Uncaught TypeError: Object # has no method 'text'
...
1
票
angular2 ons-navigator
自己解決しました。
原因は@NgModuleのentryComponents内で指定したコンポーネントであることが原因だったようです。
トップのons-navigatorコンポーネント初期化時に@ViewCild()で取得したnavigatorオブジェクトにてthis.navigator.nativeElement.pushPage(page)...
コミュニティ wiki
1
票
InAppBrowserでカスタムヘッダを付加する方法
Monacaで標準プラグインとして提供されているCordovaのInAppBrowserプラグインは、現状リクエストヘッダを追加変更する方法を提供していないようです。
そのような機能を追加するプルリクエストは一年ほど前に提出されているものの、マージされていません。ご自身でこれを取り込んで使うことは可能かもしれませんが、その場合Monaca的にはカスタムCordovaプラグインということになるので、...
1
票
<ons-tab>タブをタップした時のアニメーションを変更したい(カスタマイズ)
replacePageで画面遷移する際のアニメーションの方向を変えたい
と同様のやり方でカスタマイズすることができます。
既存のfade(TabbarFadeAnimator)はOnsen UI Ver.1.3.17のonsenui.js 13580行にありますので、それらやons-tabbarの動作を解析し、スライド処理を実装してください。
var app = ons.bootstrap("...
無効化に投票
関連するタグ
onsen-ui × 220monaca × 133
angularjs × 51
javascript × 35
html × 19
cordova × 17
jquery × 11
css × 7
ios × 6
android × 4
visual-studio × 2
vue.js × 2
ajax × 2
jquery-mobile × 2
json × 1
iphone × 1
google-chrome × 1
sqlite × 1
ios8 × 1
webview × 1
push-notification × 1
アプリ内課金 × 1
angular × 1
angular2 × 1
scrollview × 1