[angularjs] タグが付いた質問

AngularJS (アンギュラー・ジェイエス)は、 オープンソースのJavascriptフレームワークです。MV*アーキテクチャを構築されるウェブアプリケーションの補助となり、Javascript のコードを減らすことが目的となっており、主にシングルページウェブアプリケーションの開発を対象としています。

絞り込み
並べ替え
タグ付けされた
1
1 回答
421 閲覧数

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

onsen uiで以下の機能を実装したいと考えています。 タブ切り替え時のアニメーションにons-navigatorの画面遷移時に設定できる"slide"のようなアニメーションでタブを切り替えたいと考えているのですが、ons-tabbarのオプションには"slide"が設定できないので他の方法で実装したいのですが、実装方法がわかりません。 上記実装をonsen ...
  • 11
0
0 回答
1,153 閲覧数

Monaca/Onsen UI で jQuery での操作が出来ない場合がある

Onsen UIのタブバーテンプレートから開発を進めていますが jQueryで要素にアクセスするのに困っています。 Monaca/Onsen UI/Angularjs 全て初心者で何を掲載するべきか分からないため 該当すると思われるコード箇所を記載致します。 他ページでは$(function () {〜による表示時のjQueryの実行もできています。 // Controller ...
  • 1
0
1 回答
1,206 閲覧数

AngularJSを利用してPHPを呼び出したい

今現在、AngularJSを利用してPHPを呼び出してMysqlに接続してHTMLで表示というものを作成しようとしていますが どうもqueryの結果1件も抽出できてないようです ソースを載せます main.html <!DOCTYPE html> <html lang ="ja"> <head> <title>...
  • 11
0
1 回答
90 閲覧数

Chrome Developer mode のコンソールから AngularJS の関数を直接呼べるか

Javascript 初心者です。 とある Web アプリケーション上の所定の操作を自動化してみようと思いました。 このページにはボタンがあり、その html 要素は、 <a class="btn" ng-click="somefunc()"> somefunc </a> となっていました。 このボタンをクリックした際に呼ばれる javascript を、 ...
  • 1.6万
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)で試してみたところ、...
  • 89
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/...
  • 611
2
1 回答
2,020 閲覧数

cordovaプラグインのアプリ内課金の処理をAngularjsで行いたい

お世話になります。開発環境はMonacaクラウドでアプリを開発しています。無料版は広告あり、アプリ内課金によって広告を非表示にしたいと考えています。 そこでアプリ内課金の処理をcordova-plugin-inapppurchase によって実装しました。こちらは問題なく動きました。(※コメントアウトされている処理が当該部分です。) ただ、広告表示のフラグや価格表示などをAngularjsの$...
  • 89
0
1 回答
2,232 閲覧数

Angularjsでページ遷移時にデータがバインドされない(localstorage利用)

お世話になります。Angularjsの勉強のため、本体価格から消費税額を表示するサンプルアプリを作りました。画面構成は、表示用のメイン画面と、消費税率などを変更する設定画面の2つです。しかし、設定画面からメイン画面に戻る際に、一部の機能に限り$scopeへの処理が画面に反映されない問題が発生しました。 <問題詳細> ・設定画面には次の3つの機能があります  (1)消費税率を使用するか否かのON/...
  • 89
1
1 回答
2,277 閲覧数

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

お世話になります。開発環境Monacaです。Monaca公式ガイドブックサンプル「バーコードスキャナー アプリ(https://ja.monaca.io/book/zip/10-2.zip)」を編集しています。こちらのアプリの履歴画面に、左スワイプで各アイテムごとに削除する機能を実装しました。しかし試してみたところ、下記のような問題が発生しました。 <問題の詳細> A、B、...
  • 89
0
1 回答
1,028 閲覧数

Onsen-UI の検索テキストコントロール(Search Input)に文字クリアボタンを実装したい

Onsen-UIの検索テキストコントロール(Search Input)内に文字をクリアするボタンをつけたいです。下記サイトを参考にしましたが、ボタンがコントロール外に表示されてしまいます。アドバイスを頂ければ幸いです。 参考ページ https://stackoverflow.com/questions/21708689/clear-text-input-on-click-with-...
  • 89
0
1 回答
253 閲覧数

OnsenUiの確認ダイアログ内の処理が即時反映されない

いつもお世話になっております。開発環境Monacaです。Monaca公式ガイドブックのサンプルアプリに、追加機能としてOnsenUiの確認ダイアログを実装したものの、その処理内容が画面に即時反映されません。 ●対象サンプルアプリ Monaca公式ガイドブック10-2「バーコードスキャナーアプリ」 https://ja.monaca.io/book/zip/10-2.zip ●追加した機能 ...
  • 89
0
2 回答
5,139 閲覧数

AngularJS においてdocument.getElementByIdにおける情報取得について

Monaca + nifty mbaaSで開発しています。 ログイン画面を作ろうとしていますが、上手く動きません。 また、AngularJSとJQueryを混在できるため以下のように書きましたが、 出来ればAngularJSに統一して書きたいです。 angular.module('xxx',['onsen']) .controller('login', ['$scope', ng-click = ...
user avatar
0
0 回答
294 閲覧数

AngularJS+OnsenUIで動的に多階層リストを生成したい

お世話になります。 Accordion list with OnsenUI を参考に、静的な多階層リストの生成はできました。 今回、動的な多階層リストの生成をしたく、質問させていただきます。 生成したいリストとして以下の機能を持たせたいです。 Ajaxを使用して取得したリストを表示 A1 B1 C1 D1 リストのうち1つをタップするとAjaxを使用し、...
user avatar
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'など適当な文字列が入っています。...
  • 468
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="...
  • 41
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(). 結果、なってないのですが、 ...
  • 3
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');を通らず全てパスしてしまいます。 ...
  • 87
1
1 回答
1,346 閲覧数

処理の完了を待ってから次の処理をしたい

MONACAでアプリ開発をしております、初歩的な質問で申し訳ないのですがご教授頂けませんでしょうか、よろしくお願いします。 ng-clickで引数を2つ指定しました。 1.画面遷移の関数 2.DBからlazy-repeatに出力する関数 この場合に処理の遅い端末で確認したところ画面遷移が先に実行されてしまい、lazy-repeatでのリストが表示されません、...
  • 15
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....
  • 85
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を使用しています ...
  • 87
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 ...
  • 13
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 中に)記載しました。 <%= ...
  • 85
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:...
  • 83
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":"初音ミク"...
  • 523
4
0 回答
445 閲覧数

angularjsでイメージファイルをservletに送信したい。

いつもお世話になっております。 angularjsでイメージファイル(MultipartFile)をサーブレットに送信したいのですが、 springの@RequestParamアノテーションで上手く取得できません。 jsp <form method="POST" id="image-form" enctype="multipart/form-data"> <input ...
  • 61