[angularjs] タグが付いた質問
AngularJS (アンギュラー・ジェイエス)は、 オープンソースのJavascriptフレームワークです。MV*アーキテクチャを構築されるウェブアプリケーションの補助となり、Javascript のコードを減らすことが目的となっており、主にシングルページウェブアプリケーションの開発を対象としています。
176
質問
1
票
1
回答
421
閲覧数
<ons-tab>タブをタップした時のアニメーションを変更したい(カスタマイズ)
onsen uiで以下の機能を実装したいと考えています。
タブ切り替え時のアニメーションにons-navigatorの画面遷移時に設定できる"slide"のようなアニメーションでタブを切り替えたいと考えているのですが、ons-tabbarのオプションには"slide"が設定できないので他の方法で実装したいのですが、実装方法がわかりません。
上記実装をonsen ...
0
票
0
回答
1,153
閲覧数
Monaca/Onsen UI で jQuery での操作が出来ない場合がある
Onsen UIのタブバーテンプレートから開発を進めていますが
jQueryで要素にアクセスするのに困っています。
Monaca/Onsen UI/Angularjs 全て初心者で何を掲載するべきか分からないため
該当すると思われるコード箇所を記載致します。
他ページでは$(function () {〜による表示時のjQueryの実行もできています。
// Controller
...
0
票
1
回答
1,206
閲覧数
AngularJSを利用してPHPを呼び出したい
今現在、AngularJSを利用してPHPを呼び出してMysqlに接続してHTMLで表示というものを作成しようとしていますが
どうもqueryの結果1件も抽出できてないようです
ソースを載せます
main.html
<!DOCTYPE html>
<html lang ="ja">
<head>
<title>...
0
票
1
回答
90
閲覧数
Chrome Developer mode のコンソールから AngularJS の関数を直接呼べるか
Javascript 初心者です。
とある Web アプリケーション上の所定の操作を自動化してみようと思いました。
このページにはボタンがあり、その html 要素は、
<a class="btn" ng-click="somefunc()">
somefunc
</a>
となっていました。
このボタンをクリックした際に呼ばれる javascript を、 ...
0
票
1
回答
1,319
閲覧数
ng-styleでのwidthを変数にする方法
http://kimagureneet.hatenablog.com/entry/2015/01/19/050000
上記のページを参照にしているのですが、
ng-style="{ width: '400px' }"
この'400px'を変数にする場合はどのように書けば良いのでしょうか?
1
票
1
回答
500
閲覧数
自動サイズ変更するtextareaで、長文になると冒頭の文章が上に隠れてしまう
お世話になります。MonacaでAngularjsを用いて開発をしています。
今回、文字数によってテキストエリアのサイズを自動変更するメモ帳を作りたいと考えています。
そこでGithubにあったangular-elasticというスクリプトを参考にプログラムを実装しました。
その結果、WindowsPC上では問題なく期待通りに動きました。
しかしiphone6(ver9.2)で試してみたところ、...
0
票
1
回答
723
閲覧数
monacaでAngularJSの使い方
現在、monacaでAngularJSを使用しております。
angulerJSを複数のページで使用してプログラムを起動したいのですが、うまくいかないことがあります。
例えば、Onsen UI Sliding Menuを使ってpage1.htmlにはアラートで1ページと表示させて、page2.htmlにはアラートで2ページと表示させようとするにはどうすればよろしいですか?
...
0
票
1
回答
698
閲覧数
monacaの「天気予報」サンプルアプリが動かない
クラウドでできるHTML5ハイブリッドアプリ開発
http://www.amazon.co.jp/dp/4798140287/ref=rdr_ext_tmb
という本のP305に乗っている天気予報のアプリを動作させたいのですが、うまく動きません。情報が古くなってしまっているのでしょうか?
新規プロジェクトの際に「Onsen UI Sliding Menu」を選択し、
index....
0
票
1
回答
227
閲覧数
Rails4.2上でAngular2を動かしたい
現在↓の記事を参考にRails 4.2にAngularJS 1.5を載せています
http://blog.mah-lab.com/2014/11/17/angularjs-rails/
AngularJSであれば↓の記事のようにRails Assets を使って簡単にインストールできました
http://tnakamura.hatenablog.com/entry/2014/06/19/...
2
票
1
回答
2,020
閲覧数
cordovaプラグインのアプリ内課金の処理をAngularjsで行いたい
お世話になります。開発環境はMonacaクラウドでアプリを開発しています。無料版は広告あり、アプリ内課金によって広告を非表示にしたいと考えています。
そこでアプリ内課金の処理をcordova-plugin-inapppurchase によって実装しました。こちらは問題なく動きました。(※コメントアウトされている処理が当該部分です。)
ただ、広告表示のフラグや価格表示などをAngularjsの$...
0
票
1
回答
2,232
閲覧数
Angularjsでページ遷移時にデータがバインドされない(localstorage利用)
お世話になります。Angularjsの勉強のため、本体価格から消費税額を表示するサンプルアプリを作りました。画面構成は、表示用のメイン画面と、消費税率などを変更する設定画面の2つです。しかし、設定画面からメイン画面に戻る際に、一部の機能に限り$scopeへの処理が画面に反映されない問題が発生しました。
<問題詳細>
・設定画面には次の3つの機能があります
(1)消費税率を使用するか否かのON/...
1
票
1
回答
2,277
閲覧数
左スワイプ(ons-carousel)で削除ボタンを表示→クリックで該当アイテムを削除→次のアイテムが左スワイプされて表示される
お世話になります。開発環境Monacaです。Monaca公式ガイドブックサンプル「バーコードスキャナー
アプリ(https://ja.monaca.io/book/zip/10-2.zip)」を編集しています。こちらのアプリの履歴画面に、左スワイプで各アイテムごとに削除する機能を実装しました。しかし試してみたところ、下記のような問題が発生しました。
<問題の詳細>
A、B、...
0
票
1
回答
1,028
閲覧数
Onsen-UI の検索テキストコントロール(Search Input)に文字クリアボタンを実装したい
Onsen-UIの検索テキストコントロール(Search Input)内に文字をクリアするボタンをつけたいです。下記サイトを参考にしましたが、ボタンがコントロール外に表示されてしまいます。アドバイスを頂ければ幸いです。
参考ページ
https://stackoverflow.com/questions/21708689/clear-text-input-on-click-with-...
0
票
1
回答
253
閲覧数
OnsenUiの確認ダイアログ内の処理が即時反映されない
いつもお世話になっております。開発環境Monacaです。Monaca公式ガイドブックのサンプルアプリに、追加機能としてOnsenUiの確認ダイアログを実装したものの、その処理内容が画面に即時反映されません。
●対象サンプルアプリ
Monaca公式ガイドブック10-2「バーコードスキャナーアプリ」
https://ja.monaca.io/book/zip/10-2.zip
●追加した機能
...
0
票
2
回答
5,139
閲覧数
AngularJS においてdocument.getElementByIdにおける情報取得について
Monaca + nifty mbaaSで開発しています。
ログイン画面を作ろうとしていますが、上手く動きません。
また、AngularJSとJQueryを混在できるため以下のように書きましたが、
出来ればAngularJSに統一して書きたいです。
angular.module('xxx',['onsen'])
.controller('login', ['$scope', ng-click = ...
0
票
0
回答
294
閲覧数
AngularJS+OnsenUIで動的に多階層リストを生成したい
お世話になります。
Accordion list with OnsenUI を参考に、静的な多階層リストの生成はできました。
今回、動的な多階層リストの生成をしたく、質問させていただきます。
生成したいリストとして以下の機能を持たせたいです。
Ajaxを使用して取得したリストを表示
A1
B1
C1
D1
リストのうち1つをタップするとAjaxを使用し、...
0
票
1
回答
128
閲覧数
AngularUI Rounterで$stateParamsに0埋めの文字列を渡したい
プロフィールページを0で埋められた7桁のプロフィールIDのついたURLで表そうと、UI Routerを使っているのですがURLを正しく作れなくて困っています。
HTMLは下のようにaタグのui-sref属性にパラメーターを指定しました。
ctrlはaタグを囲っているタグでCtrl as ctrlの様に指定したものです。ctrl.profilenameは'ユーザー1'など適当な文字列が入っています。...
0
票
1
回答
291
閲覧数
AngularJSのフィルターの検索条件を頭文字や語尾に限定
AngularJSのフィルタ機能についての質問です。
"12345"
"23456"
"34567"
"45678"
という文字列があった場合「45」を入力すると全て引っかかってしまうのですが、
頭文字のみの検索だった場合"45678"のみが表示され
語尾のみの検索だった場合"12345"のみが表示されるように設定することは可能でしょうか?
自分なりに検索して探したのですが、...
0
票
1
回答
742
閲覧数
AngularJSでデータ入力して、別のページにTodoリストのようにリスト追加する機能を作りたい
サンプルのOnsen UI TabbarにPage1.htmlは入力フォーム、Page2.htmlは入力した結果を出力する形式になっております。AngularJSでPage1上でテキスト入力させ、Page2にPage1で書いたテキストを表示させることはできましたが、Page1でテキスト入力し送信ボタンを押して、Page2にonsenUIのons-lazy-...
0
票
1
回答
143
閲覧数
angularのngresourceでPOSTした場合のRequest URLについて
angularのngresourceを使って、POSTした場合に連携したリクエストパラメータが、
Request URLに含まれてしまいます。
例)
{user_id:1}をパラメータとして連携した場合
Request URL下記のようになります。
http://hogehoge?user_id=1
リクエストパレラメータをRequest URLに含めない方法あるでしょうか。
1
票
2
回答
317
閲覧数
SPAの表示速度の目標について
AngularJSを用いた管理画面の開発をしています。
一般的なWebページの目標値などを聞くと、
1秒、遅くとも2秒は切りたい。などと耳にします。
これはSPAを作る際でも意識するべきでしょうか?
個人的には管理画面は読み込み後の動作が快適であれば、
最初の読み込みに時間がかかってしまっても問題ないと思うのですが。
目安とすべき時間や考え方などがあれば教えて下さい。
よろしくお願いします。
2
票
1
回答
1,700
閲覧数
Onsen UI のラジオボタンで初期設定をしてもチェックマークが表示されない
ons-listでRadiobutton Listを実現したく、以下のコードを実装しております。
これでコマンド $ cordova emulate ios を実行しシミュレータを表示したところ、メニューの右側(先頭のみ)にチェックマークが表示されません。
「ng-repeat」で各値を取得できているのは確認できたのですが、HTMLに生成し表示する際にうまくいってないようです。
...
0
票
1
回答
363
閲覧数
ons-carousel-itemをng-repeatで作成した場合にinitial-indexが効かない
ons-carouselのons-carousel-itemをng-repeatを使って作成しているのですが、
initial-indexがどうも効いていないようで、1つ目のアイテムが表示されてしまいます。
どうすればinitial-indexが反映されるようになるのでしょうか?
コードは以下のような感じです。
前のページからファイルの情報や絞り込みのフィルタ等を含んだdataを渡しています。
...
4
票
0
回答
315
閲覧数
Monaca+Angular+OnsenUIで、input が type="password"のとき、jQueryで値が正しく取得できない
Angular+OnsenUIで、input が type="password"のとき、以下のいずれの方法でも最後の文字が、パスワードの隠し文字に化けます。
jQuery("#passwordInput").val()
jQuery("#passwordInput").prop('value')
具体的なHTML
<input type="password" id="...
0
票
1
回答
189
閲覧数
Angular Material で theme.dark() を効かせたい
以下を参考に、
背景やボタンが暗くなるのかな?と思い、試してみました。
Angular Material / Theming
Configuring a Theme
Specifying Dark Themes
https://goo.gl/W2SvuR
--
You can mark a theme as dark by calling theme.dark().
結果、なってないのですが、
...
0
票
2
回答
1,060
閲覧数
Angular2 で複数のTypeScriptファイルをひとつにまとめるには?
Angular2公式チュートリアル3を見ると、下記の4つ .ts ファイルがありますが、
app.component.ts
boot.ts
hero.ts
hero-detail.component.ts
例えば app.component.ts を見ると、下記のように import しています。
import {Hero} from './hero';
import {...
1
票
0
回答
167
閲覧数
onsen uiからjsonファイルをread/writeするリソースを探しています。
Jsonファイルをread/writeするクラスから
インスタンスしたオブジェクトを生成し、このオブジェクトに
readメソッドやwriteメソッドでファイルハンドリングすることを
想定しています。
オススメのものがありましたら、ご教授のほどお願い致します。
0
票
1
回答
973
閲覧数
monacaでhttpサービス
monacaクラウドで試していて、なかなか解決しなくて困っております。
やりたいことはシンプルで、サーバーでの処理結果をJSONで受け取りたいだけです。
下記がコードの抜粋ですが、$http.get()で必ず失敗します。
app.controller('appCtrl', function ($scope, $http) {
・・・省略
$scope.proc = function() {...
0
票
1
回答
504
閲覧数
angularjsのpromise処理を使用時、onsen ui のmodalが表示されない
angularjsのpromise処理を使用時に、onsen ui のmodalが表示されずに悩んでいます。
Controllerでサービスの終了を待つ間、onsen uiのmodalを表示させたいのですが、うまくいきません。修正点がありましたら、ご教授いただければと思います。
コードは以下の通りです。10秒かかるサービスをまって、文字列を表示するサンプルです。
index.html
<...
3
票
1
回答
288
閲覧数
jasmine使用時、$httpBackendのrespondで応答を設定できない
以下のコードはAngular.jsのサービスとkarma+jasmineでテストするためのテストのペアを想定しています。
myService.get()が意図した値を返すかテストしています。
この時、$httpBackendを使ってサーバーが特定の値(この場合'hello')を返したいのですが、
expect(data).toBe('hello');を通らず全てパスしてしまいます。
...
1
票
1
回答
1,346
閲覧数
処理の完了を待ってから次の処理をしたい
MONACAでアプリ開発をしております、初歩的な質問で申し訳ないのですがご教授頂けませんでしょうか、よろしくお願いします。
ng-clickで引数を2つ指定しました。
1.画面遷移の関数
2.DBからlazy-repeatに出力する関数
この場合に処理の遅い端末で確認したところ画面遷移が先に実行されてしまい、lazy-repeatでのリストが表示されません、...
2
票
1
回答
2,931
閲覧数
ng-clickの引数について
ng-clickの引数は複数設定することは可能でしょうか?
ng-click="click(引数1, 引数2)"
このような形で、clickに対し、引数を2つ渡したいです。
どうぞ宜しくお願いします。
2
票
3
回答
3万
閲覧数
json データの配列から、特定のデータを取得(検索)したい
Rails アプリで、ユーザの口座情報を入力・編集する機能を作成しています。
その際に『銀行を変更したら支店一覧を更新する』処理を angularjs を使って
書いているのですが、登録済みデータ(A銀行 aa支店)を変更する画面で
A銀行の支店一覧を ajax で取得
支店一覧から aa 支店を選択済みに設定
する際のコードで悩んでいます。今のコードは下のようになっています。
$http....
1
票
1
回答
535
閲覧数
Angular materialのダイアログでmd-dialog-actionsが上になってしまう。
Angular materialをのダイアログを下記のように書きました。しかし、一番下にある<md-dialog-actionsが1番上に表示されてしまいます。なぜでしょうか。
<md-dialog aria-label="Post Question" ng-clock>
<form>
<md-toolbar>
<div ...
1
票
1
回答
1,454
閲覧数
angular ui-routerを使用した時のブラウザバック問題
$rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) {
// 遷移を止める
event.preventDefault();
// $resouce処理
,success(function{
$state.go('state');
})
...
1
票
2
回答
1,356
閲覧数
angular.jsのディレクティブで定義した$watch式がトリガされない。
自作ディレクティブで親スコープ内変数の変更を検知し、他の処理を実行したいと思っています。
下記の例で実現したいのは、tags1の変更を検知してコンソールログを出力するものです。
index.html内の<sample-directive>をmyapp.jsで定義しています。
また、要素のドラッグ&ドロップ移動にUI.Sortable directiveを使用しています
...
2
票
1
回答
749
閲覧数
javascript(AngularJS)で配列の最後にpushができずに困っています
質問させてください。タイトルの通りです。
1個のshopに10個のlistが紐づいている構造の配列で
shop { id: "1", name: "shop1", lists: "Array[9]" }
shop.lists[0~9] { list_id: "1", list_name: "list1" }
に対して .push(もしくはもっといい方法があれば教えてください)で
...
1
票
2
回答
1,079
閲覧数
ng-repeat で生成されたDom?のvalue値を ng-repeat スコープ外で使う方法
ネットで調べたものの、ng-repeat で生成されたDom?のvalue値を ng-repeat スコープ外で使う方法が見つからず。まず根本的に出来るのかもわからず困っています。
sampleAJS.html
<ons-list class="list">
<ons-list-item ng-repeat="product in history track by $...
1
票
2
回答
3,244
閲覧数
AngularJSのディレクティブで動的に作成したタグでバインドする方法
AngularJSについて質問です。
ディレクティブを使用して新しいDIVタグを追加し、そのDIVタグで値のバインドを行いたいのですがうまくいきません。
例えば
sample.html
<div ng-repeat="user in userList">
<user-directive user="user">
</div>
sample.js
...
1
票
1
回答
139
閲覧数
controllerの中で同じ処理を一定回数繰り返したい
AngularJSでtodoアプリをつくっています。controllerの中で同じ処理を複数回繰り返す処理を書いています。
現状では5回繰り返す仕様になっていて、そこまで多くはないのでベタ書きしているのですが、今後の拡張性などを考えるともっと簡潔に書きたいです。
以下がそのコードです。一部省略していますがだいたいこのような感じです。angular.forEachをつかうのかな......
1
票
0
回答
73
閲覧数
ユーザープロパティーを取得できない
monaca.cloud.User.getProperty("age")
.done(function(age) {
console.log(age);
var user = age;
}).fail(function() {
console.log("get failed")
});
このAPIを用いて取得した値を、...
6
票
1
回答
1,119
閲覧数
textarea に記載された複数メールアドレスを確認するための正規表現
textarea に一行一アドレスで特定ドメインのメールアドレスを列挙させた際に、angular.js の ng-pattern でそれをチェックしたいと思っています。
メールアドレスは
xxxx@example.net
xxxx@example.or.jp
のいずれかのドメインのもので、これを入力する textarea を以下のように(erb 中に)記載しました。
<%= ...
1
票
1
回答
744
閲覧数
Enterキーで次のtextaeraに、Backspaceキーで前のtextareaにfocusを移したいです
タイトルの通りです。質問させてください。EnterキーとBackspaceキーでのfocusの移動に対応した、textareaのディレクティブをつくっています。
textareaで入力したあと、Enterキーを押すとitemを保存して次のelementにfocusを移動、texttareaが空のときのみBackspaceキーを押すとitemを保存して前のelementにfocusを移動させる、...
1
票
1
回答
2,350
閲覧数
横方向に自動リサイズするinputのdirectiveの続き
はじめまして。タイトルの通りです。AngularJSをつかって横方向に自動リサイズするinputのdirectiveをつくっています。以前こちらで質問させて頂いたときに教えて頂いたコードを参考に以下のように実装しているのですが、何点か思うようにいかないとろこがあり、再び相談させて頂いております。テキストを入力すると入力に応じてinputタグのwidthを変更していくものを想定しています。
...
1
票
1
回答
123
閲覧数
ngResourceでネストされたアイテムの追加ができず困っています
1つの Shop のなかに複数の Shelf がありその中に Item が格納されているケースを想定しています。
ngResourceを使ってjsonでレンダリングされた "/api/shops/:shop_id/shelfs/:shelf_id/items/:id" を呼び出して、データベースに item を追加しようとしています。
《controller》shop_edit.coffee
...
2
票
1
回答
1,916
閲覧数
AngularJSで定数?っぽいオブジェクトを定義したい
以下のような、ステータスとその順番等を管理するオブジェクトを定義したいのですが、
この場合、AngularJSではどこにどのように定義するべきなのでしょうか?
サービスとして定義するべきなのでしょうか?
status = [
{ waiting :{index:1, icon_img:'xxx1.png'} },
{ operating:{index:...
3
票
0
回答
181
閲覧数
Angularを採用したRailsアプリケーションで、$httpサービスを使わずに、factoryメソッドからCRUD操作をしたい
Rails側はAPIの提供(/api/articles/:id にて、articleの情報とそれに紐づくitemをjson形式でレンダリングしています)に専念させ、Angular側でjsonを受け取りserviceクラスのfactoryメソッドからデータのやりとりをしようとしています。こちらが現状のコードです。Angularのバージョンは1.4.7を採用しています。
《service》
App....
2
票
1
回答
234
閲覧数
Onsen-UI上でオーバーライドした$exceptionHandlerが実行されない
お世話になります
onsen-ui+angularJSを使用してアプリケーションを作成したところ、オーバーライドしたAngularJSの$exceptionHandlerが実行されたり、されなかったりするという現象が発生しました。
いろいろ調べたのですが、法則性が見つからず原因が特定できません。
代表的なものとして、通常の例外は$exceptionHandlerがキャッチしてくれるのですが、
...
2
票
2
回答
565
閲覧数
ニコニコ生放送のコミュニティidをログインせずに取得したい
Mashup Awards 10向け提供APIガイドを使用したWebアプリケーションを開発しています。
XMLHttpRequestを使用して、生放送をjsonで取得することは出来たのですが、取得できた内容にコミュニティid(co****)が存在しません。
# 例
$ curl -X POST -d '{"issuer":"test","reason":"ma10","query":"初音ミク"...
4
票
0
回答
445
閲覧数
angularjsでイメージファイルをservletに送信したい。
いつもお世話になっております。
angularjsでイメージファイル(MultipartFile)をサーブレットに送信したいのですが、
springの@RequestParamアノテーションで上手く取得できません。
jsp
<form method="POST" id="image-form" enctype="multipart/form-data">
<input ...