Skip to main content

次のタグが付いている話題の回答:

3

$applyを使っても$scopeに反映されない

thenに渡している関数は非同期で呼ばれるので、そのタイミングで$scope.$applyしても無駄です。 $scope.$applyはthen内で呼ぶ必要があります。 setTimeout(function () { getData().then(function(value) { $scope.$apply(function() { $...
hiro's user avatar
  • 1,074
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
1

Web SQLで取得したデータをAngularJSを使って表示する方法について

取得したデータが表示されない原因は、非同期だからです。 $scope.items = getList(); getList()の戻り値としてundefinedが返ってくるため、何も表示されません。 この場合、promiseを使えば解決できます。 「処理の完了を待ってから次の処理をしたい」の回答を参照してください。 Taka Mさんが掲載したコードには問題箇所がたくさんありますが、...
otak-lab's user avatar
  • 1,448
1

Onsen UIで遷移先のページを別htmlファイルとして用意してそのファイルの中に<template>を使用したい。

OnsenUI使用歴が長い訳ではないため100%保証はできませんがお答えします。 ons-template について勘違いをされているかと思われます。(自分がそうでした) thymeleafのreplaceのようなhtmlの一部を読み込むようなものではありません。 まず ons-template とは、本来別のhtmlファイルを作成しなければならないものを、id属性に指定した"page2....
通りすがり's user avatar
1

サイトが表示できない

<状況> エラーメッセージ: ” because it set 'X-Frame-Options' to 'sameorigin' ” [訳] だって、'X-Frame-Options'(FrameやiFrameで表示するかどうかのオプション) が 'sameorigin'(同一サイト限定)になってんだもん。 [解説] http://www.アドレス名.jp/ は、...
Fumu 7's user avatar
  • 4,231
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: ...
otak-lab's user avatar
  • 1,448
1

Onsen UIで遷移先のページを別htmlファイルとして用意する方法(非Angular)

例えば、下記のようなtemplateの場合、 <template id="hoge.html"> <ons-page> hoge </ons-page> </template> 「hoge.html」を作成し、ons-pageの内容を記述することで同じような動作となります。 hoge.html <ons-page> ...
otak-lab's user avatar
  • 1,448
1

InAppBrowserでのページ遷移時のloading表示について

ons-modalでLoading...と表示し、InAppBrowserをhidden状態でWebサイトにアクセスします。 読み込みが完了するとloadstopイベントが発火するので、ons-modalを閉じてInAppBrowserを表示します。 ただし、外部ブラウザ(_system)を指定した場合は機能しません。 ons-modal InAppBrowser プラグイン HTML &...
otak-lab's user avatar
  • 1,448
1
承認済み

ons-list の特定行のみ、アイコンを表示したい

ng-repeatディレクティブ内では特殊な値が使用できます。 その中で$indexはng-repeatディレクティブ要素のインデックス値を示すため、この値を利用することで特定の順番の要素に変化をつけられます。 要素の表示/非表示にはng-ifディレクティブ、またはng-showディレクティブなどを使用すると良いでしょう。 <!-- $indexが0〜2の場合に表示 --> <...
maot's user avatar
  • 1,012
1

iOSのみ、checkboxのlabelが反応しません。

Onsen UI 内部で使用しているライブラリ、 FastClick のバグによるもので、onsenui.min.js の読み込み後に、 ons.fastClick.destroy(); を実行することで応急処置になるとのこと。 Onsen UI 開発チームの方より Teratail で回答 あり。
1
承認済み

Angular2×OnsenUI2 ons-tabのsetActiveTabの使い方

setActiveTab は ons-tab ではなく ons-tabbar の関数です。 setActiveTab を利用するには、以下のように @ViewChild, ElementRef, nativeElement を使用します。 (1), (2), (3) に着目してください。 import { Injectable, Component, ViewChild, ...
Naoki Matagawa's user avatar
1

ons-inputの正しい使用方法は?

ons-inputはクラスを指定する必要がありません。 inputタグを使用する場合、クラスを指定します。 <ons-list> <ons-list-item> <ons-input type="email" placeholder="ons-input"></ons-input> </ons-list-...
otak-lab's user avatar
  • 1,448
1

ons-switchの使い方

Monacaデバッガーを使用すると、下記エラーが表示されます。 Uncaught ReferenceError: mySwitch is not defined var="myswitch"のコーディングミスによるエラーです。 それを修正して再度確認すると、下記エラーが表示されます。 Uncaught TypeError: Object # has no method 'text' ...
otak-lab's user avatar
  • 1,448
1

angular2 ons-navigator

自己解決しました。 原因は@NgModuleのentryComponents内で指定したコンポーネントであることが原因だったようです。 トップのons-navigatorコンポーネント初期化時に@ViewCild()で取得したnavigatorオブジェクトにてthis.navigator.nativeElement.pushPage(page)...
1

InAppBrowserでカスタムヘッダを付加する方法

Monacaで標準プラグインとして提供されているCordovaのInAppBrowserプラグインは、現状リクエストヘッダを追加変更する方法を提供していないようです。 そのような機能を追加するプルリクエストは一年ほど前に提出されているものの、マージされていません。ご自身でこれを取り込んで使うことは可能かもしれませんが、その場合Monaca的にはカスタムCordovaプラグインということになるので、...
unarist's user avatar
  • 1.5万
1

<ons-tab>タブをタップした時のアニメーションを変更したい(カスタマイズ)

replacePageで画面遷移する際のアニメーションの方向を変えたい と同様のやり方でカスタマイズすることができます。 既存のfade(TabbarFadeAnimator)はOnsen UI Ver.1.3.17のonsenui.js 13580行にありますので、それらやons-tabbarの動作を解析し、スライド処理を実装してください。 var app = ons.bootstrap("...
otak-lab's user avatar
  • 1,448

無効化に投票