Skip to main content

すべての質問

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

textarea に記載された複数メールアドレスを確認するための正規表現

textarea に一行一アドレスで特定ドメインのメールアドレスを列挙させた際に、angular.js の ng-pattern でそれをチェックしたいと思っています。 メールアドレスは [email protected] [email protected] のいずれかのドメインのもので、これを入力する textarea を以下のように(erb 中に)記載しました。 <%= ...
BSDmad's user avatar
  • 85
6
1 回答
218 閲覧数

$scope を別名に変更すると動作しないのはなぜですか?

はじめまして。 AngularJSを試してみようと思い、WEB上のサンプルを見ながら 以下のようなコーディングを行い、動作を確認しました。(HTML側ソースは割愛します) var app = angular.module('myApp',[]); app.controller('myController',function($scope){ ...
Messe's user avatar
  • 63
5
1 回答
323 閲覧数

JavascriptからAngularjsを制御

JavascriptからAngularjsを制御したかったのですが、うまくいきませんでした。どのように変更したらよいでしょうか? 手動で「ま」を入力すると動くのですが、jsで「ま」を入力しても動きませんでした。 <!DOCTYPE html> <html lang="ja" ng-app> <head> <meta charset="UTF-8"...
くにあつ's user avatar
5
1 回答
5,943 閲覧数

AngularJSで戻るボタンを押した場合に、ページをリロードせずに元のページの元の場所に戻る方法

AngularJSでルーティングを行うSPAを作成した場合、戻るボタンを押すと1つ前のページに戻りますが、 ページ自体は再度リロードされます。 そのため、前のページの表示位置に戻らず、またデータのリロードが発生してしいます。 AngularJSで戻るボタンを押した場合に、SPAではない通常のアプリケーションと同様に、 前のページをリロードせずに、...
Tsuneo Yoshioka's user avatar
5
1 回答
1,386 閲覧数

AngularをTypeScriptで書いているのですが、サービスをcontrollerに注入して関数を呼び出したいのですがうまくいきません。

AngularをTypeScriptで書いているのですが、サービスをcontrollerに注入して関数を呼び出したいのですがうまくいきません。 期待する定義と動作は ○サービスとコントローラclassを分ける。 ○DIされたコントローラからサービスに定義されている関数を呼ぶ(ここではadd()です。) ○console.logとして出力されればいいです。 ※...
front-end-engnier's user avatar
5
1 回答
3,308 閲覧数

AngularJS+ONSEN UI(tabbar)で初回起動とそうでない場合に出し分けをしたい

お世話になります。 環境:MoancaIDE / Chrome 最新版 Cordova 4.1.0 ONSEN UI 1.2.1 AngularJS: 1.3.0(ONSEN UI標準組み込み) JQuery MonacaVer 2.0.3 iOS MonacaDebugger 3.2.0 ■やりたいこと タイトル通りなのですが、初回起動時にはサービス利用の同意画面を出したいと考えています。 ...
Hiroyuki Ishiyama's user avatar
4
1 回答
7,978 閲覧数

AngularJSでng-repeatの値をng-clickの引数にすることは可能でしょうか?

↓のようにitemsに値が入っているときに items = [{key: 1, value: "a"},{key: 2, value: "b"}] ng-clickの関数内に値を渡したいのですが可能でしょうか? <div ng-repeat="item in items"> <ul class="list"> <li>{{item....
Kun Ns's user avatar
  • 944
4
1 回答
464 閲覧数

AngularJSのバリデーションエラーを非表示にする

AngularJSは、バリデーションチェックでエラー表示する事ができますが そのエラー表示を数秒後、自動的に非表示にする事ができるのでしょうか? もし出来るのあれば方法を教えてください。
tackflow's user avatar
4
1 回答
332 閲覧数

横方向に自動リサイズするinputのdirectiveをつくりたい

はじめまして。タイトルのとおりです。AngularJSをつかって横方向に自動リサイズするinputのdirectiveをつくっています。inputにテキストが入力され自動でinputが横方向にリサイズされる処理がわかりません。 また合わせて、inputの初期値のテキスト量に応じてページロード時にinputを自動でリサイズさせておきたいです(500pxをmax-widthにしたいです)。 ...
aoshima.natsuki's user avatar
4
0 回答
458 閲覧数

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

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

jasmine使用時、$httpBackendのrespondで応答を設定できない

以下のコードはAngular.jsのサービスとkarma+jasmineでテストするためのテストのペアを想定しています。 myService.get()が意図した値を返すかテストしています。 この時、$httpBackendを使ってサーバーが特定の値(この場合'hello')を返したいのですが、 expect(data).toBe('hello');を通らず全てパスしてしまいます。 ...
mol3's user avatar
  • 87
3
0 回答
183 閲覧数

Angularを採用したRailsアプリケーションで、$httpサービスを使わずに、factoryメソッドからCRUD操作をしたい

Rails側はAPIの提供(/api/articles/:id にて、articleの情報とそれに紐づくitemをjson形式でレンダリングしています)に専念させ、Angular側でjsonを受け取りserviceクラスのfactoryメソッドからデータのやりとりをしようとしています。こちらが現状のコードです。Angularのバージョンは1.4.7を採用しています。 《service》 App....
aoshima.natsuki's user avatar
2
3 回答
3万 閲覧数

json データの配列から、特定のデータを取得(検索)したい

Rails アプリで、ユーザの口座情報を入力・編集する機能を作成しています。 その際に『銀行を変更したら支店一覧を更新する』処理を angularjs を使って 書いているのですが、登録済みデータ(A銀行 aa支店)を変更する画面で A銀行の支店一覧を ajax で取得 支店一覧から aa 支店を選択済みに設定 する際のコードで悩んでいます。今のコードは下のようになっています。 $http....
BSDmad's user avatar
  • 85
2
1 回答
2,528 閲覧数

AngularJSでng-repeat時に、ng-clickしたらhideされている要素を表示したい

Angularjs1.3.0 下記のようなlist配列をループで回した際に、div要素をng-clickすることで 元々非表示になっているspan要素を表示させたいと考えています。 またクリックされた要素自体はng-hideにより非表示にします。 本家のstackoverflowに参考になりそうなコードがあったので組み込んでみましたが、...
Hiroyuki Ishiyama's user avatar
2
1 回答
265 閲覧数

AngularJS の directive における replace はどうして DEPRECATED なのですか?

AngularJS の directive における replace はどうして DEPRECATED なのですか? また replace の代替手段には、どのような方法があるのでしょうか? 参考: https://docs.angularjs.org/api/ng/service/$compile
bouzuya's user avatar
  • 353
2
1 回答
761 閲覧数

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(もしくはもっといい方法があれば教えてください)で ...
aoshima.natsuki's user avatar
2
2 回答
573 閲覧数

ニコニコ生放送のコミュニティidをログインせずに取得したい

Mashup Awards 10向け提供APIガイドを使用したWebアプリケーションを開発しています。 XMLHttpRequestを使用して、生放送をjsonで取得することは出来たのですが、取得できた内容にコミュニティid(co****)が存在しません。 # 例 $ curl -X POST -d '{"issuer":"test","reason":"ma10","query":"初音ミク"...
59naga's user avatar
  • 523
2
1 回答
836 閲覧数

AngularJSで1画面に複数のスクロールをいれられますか

AngularJSでルーティングはui routerを使用してダッシュボードのようなものを作成しています。そこで質問なのですが、1画面に複数のスクロール可能なリストを入れることはできるのでしょうか。例えば左のリストをクリックしたら、右のViewにあるリストの内容が変化するような実装をしたいです。可能であればやり方を教えて下さい。よろしくお願いします。
StackDestroyer's user avatar
2
1 回答
494 閲覧数

Enterキーで値がsubmitされるtextareaのdirective

はじめまして。質問させていただきます。現在、angularを採用したprojectで以下のような、textareaをdirectiveをつくり実装しています。ベーシックなtextareaとは異なり、値を入力してEnterキーを押すとformをsubmitさせる処理を与えたいと思っています。試行錯誤していますが解決できず困っています。inputでは文章がかなりはみ出てしまい、...
aoshima.natsuki's user avatar
2
2 回答
2,399 閲覧数

ng-repeat中に前の要素と比較して表示の出し分けをしたい

Monaca ONSEN UI 1.3.0 AngularJS 1.3 タイトルの通りですが、APIなどから取得したデータを日付ごとにまとめたいと思っています。 API側でデータを整形してもよいのですが、出来ればフロント側(アプリ側)で対応出来るようにしたいと考えています。 以下の様な簡単なサンプルの場合、前のデータを参照して同じかどうかをチェックするのはどうすればよいでしょうか? ...
Hiroyuki Ishiyama's user avatar
2
1 回答
2,248 閲覧数

AngularJSにて<img src=""> のsrc404エラーについて検知し代替画像を入れたい

AngularJS1.3.0にて <div ng-repeat="hoge in list"> <img src="{{hoge.img}}"> </div> のような要素があったとして、imgが外部リンクの場合は表示されないケースがあるかと思います。 この場合にデフォルトの画像をセットするような処理は可能でしょうか? JQueryを使った場合ですと ...
Hiroyuki Ishiyama's user avatar
2
2 回答
4,185 閲覧数

AngularJSでのコントローラー、サービス定義のファイル分割について

お世話になります。 AngularJSにて開発中ですが、サンプルなどにあるようなapp.jsファイル単体に controllerやservice,directiveを全て記述するのは可読性も悪く問題だと思ったため 各種サイトを参考にディレクトリを切り、機能ごとにファイルに書き出しました。 が、肝心のmodule読み込み方法がうまくいかないです。 ...
Hiroyuki Ishiyama's user avatar
2
1 回答
255 閲覧数

$routeProviderのresolveでリソースの取得中、ローディングイメージを表示したい

AngularJSについての質問です。 $routeProviderのresolveにおいて、controllerが依存するリソースをRESTAPIで取得しています。 このリソースの取得処理が完了するまでの間、ページ遷移が保留状態となり画面が硬直してしまいます。 この間、ユーザは何が起こっているか分からないので、通信中であることを示すローディングイメージを表示したいと考えています。 また、...
hogesuke's user avatar
  • 381
2
1 回答
1,020 閲覧数

AngularJSでmousedownとtouchstartが発火しない

以下のコードでmousedownとtouchstartが発火しません。 touchmoveも発火したりしなかったりで安定しません。 何が原因でしょうか? mouseupとtouchendは発火しています。 app.controller('Ctrl', ['$scope', '$resource', '$http', '$interval', '$swipe', '$location', ...
knyacki's user avatar
  • 43
2
1 回答
1,931 閲覧数

AngularJSで定数?っぽいオブジェクトを定義したい

以下のような、ステータスとその順番等を管理するオブジェクトを定義したいのですが、 この場合、AngularJSではどこにどのように定義するべきなのでしょうか? サービスとして定義するべきなのでしょうか? status = [ { waiting :{index:1, icon_img:'xxx1.png'} }, { operating:{index:...
dafunk's user avatar
  • 83
2
2 回答
836 閲覧数

AngularJS ui-routerを用いた共通モーダル(BOOTSTRAP)の定義について

BOOTSTRAPのmodalをui-routerで利用するとき、下記のように状態を定義して、$stateProvider#state()に登録しています。 var state = { name: 'modala', parent: 'home', onEnter: function($modal, $state) { modalInstance = $...
dayo's user avatar
  • 55
2
1 回答
68 閲覧数

ngResourceで保存されたid値をもとにeditページにredirectさせたい

ngResourceを使い、Rails側で構築したAPIを通して新しいarticleをDBに格納した後、URLに保存された新しいarticleのidを含むeditページにリダイレクトさせたいです。 /articles/new -> articles/[newで保存されたarticleのid]/edit 以下が現在のコードです。new.html.slim(articles#new)...
aoshima.natsuki's user avatar
2
0 回答
465 閲覧数

Observableのエラー発生以降にnext()が機能しなくなる。

https://angular.io/docs/ts/latest/tutorial/toh-pt6.html 上記チュートリアルに従いObservableにてhttp処理を実装しています。 this.heroes = this.searchTerms .debounceTime(300) // wait 300ms after each keystroke before ...
H.H's user avatar
  • 2,008
1
1 回答
709 閲覧数

アドレスバー直接入力に対するXSS脆弱性について

AngularベースのWebアプリケーションを作成していますが、セキュリティ診断サービスを受けたところ、URL末尾に「?'">alert(document.cookie)」を付与するとJavaScriptが解釈されて実行されてしまう脆弱性を指摘されましたが、いくつか疑問があります。 ・そもそも、アプリケーションの対応で止めることが可能なのか? ・...
まてつ's user avatar
1
3 回答
4,147 閲覧数

chromeのテキストボックスに入力した全角英数字をjavascriptでリアルタイムに半角へ変換したい

いくつか参考サイトを探し、 http://qiita.com/yoya_k/items/4bce6201fde9ee3a9561 こちらを参考にさせていただきながら、なんとか近い形にはできたのですが 気になったのはそもそも情報が少ないということは、別の方法があるからなのか? 予想ではもっとこの問題で悩んでいる方がいるかと思っておりましたので意外でした。 ime-...
uwork's user avatar
  • 23
1
1 回答
124 閲覧数

ngResourceでネストされたアイテムの追加ができず困っています

1つの Shop のなかに複数の Shelf がありその中に Item が格納されているケースを想定しています。 ngResourceを使ってjsonでレンダリングされた "/api/shops/:shop_id/shelfs/:shelf_id/items/:id" を呼び出して、データベースに item を追加しようとしています。 《controller》shop_edit.coffee ...
aoshima.natsuki's user avatar
1
2 回答
260 閲覧数

<ons-carousel>のメソッドについて教えて下さい。

ons-carouselのメソッドを幾つか試しています。 ons-carouselから以下の情報が取得できるのでしょうか ons-carousel-item要素数 自ons-carousel-itemが最終かどうか(true,false) もし上記情報の取得情報がご存知でしたら、ご教示のほどお願いいたします。
Akinobu Yamamoto's user avatar
1
1 回答
332 閲覧数

Angular.jsで初期化に失敗したらエラーにしたい

Angular使っています。 対応していないブラウザからアクセスされた時、普通はUAなどを見て、ブラックリスト式に弾くと思いますが、対応していないブラウザは全てエラーにしたいと思っています。 そこでAngularの初期化プロセスがコケたらエラーにすればよいのではないかと考えました。 Angularで初期化に失敗した時に検出する方法はありますでしょうか?
Minori Tokuda's user avatar
1
2 回答
1,453 閲覧数

angular.jsのディレクティブで定義した$watch式がトリガされない。

自作ディレクティブで親スコープ内変数の変更を検知し、他の処理を実行したいと思っています。 下記の例で実現したいのは、tags1の変更を検知してコンソールログを出力するものです。 index.html内の<sample-directive>をmyapp.jsで定義しています。 また、要素のドラッグ&ドロップ移動にUI.Sortable directiveを使用しています ...
mol3's user avatar
  • 87
1
1 回答
151 閲覧数

controllerの中で同じ処理を一定回数繰り返したい

AngularJSでtodoアプリをつくっています。controllerの中で同じ処理を複数回繰り返す処理を書いています。 現状では5回繰り返す仕様になっていて、そこまで多くはないのでベタ書きしているのですが、今後の拡張性などを考えるともっと簡潔に書きたいです。 以下がそのコードです。一部省略していますがだいたいこのような感じです。angular.forEachをつかうのかな......
aoshima.natsuki's user avatar
1
1 回答
840 閲覧数

Enterキーで次のtextaeraに、Backspaceキーで前のtextareaにfocusを移したいです

タイトルの通りです。質問させてください。EnterキーとBackspaceキーでのfocusの移動に対応した、textareaのディレクティブをつくっています。 textareaで入力したあと、Enterキーを押すとitemを保存して次のelementにfocusを移動、texttareaが空のときのみBackspaceキーを押すとitemを保存して前のelementにfocusを移動させる、...
aoshima.natsuki's user avatar
1
1 回答
2,389 閲覧数

横方向に自動リサイズするinputのdirectiveの続き

はじめまして。タイトルの通りです。AngularJSをつかって横方向に自動リサイズするinputのdirectiveをつくっています。以前こちらで質問させて頂いたときに教えて頂いたコードを参考に以下のように実装しているのですが、何点か思うようにいかないとろこがあり、再び相談させて頂いております。テキストを入力すると入力に応じてinputタグのwidthを変更していくものを想定しています。 ...
aoshima.natsuki's user avatar
1
1 回答
520 閲覧数

ONSEN UIでカルーセルのサブウィンドウを表示したい。

タイトルだけではイメージがつかないと思いますので画像を表示します。 実装イメージはインフォメーションアイコンをタップすると、画像のサブウィンドウを 表示し、カルーセルでアプリの操作説明を表示させようと考えております。 また、右上の×アイコンのタップでサブウィンドウが消えます。 ネイティブでは上記UIを実装したことがあるのですが、ONSEN UIで実装可能でしょうか? ...
Akinobu Yamamoto's user avatar
1
1 回答
2,751 閲覧数

AngularJSもしくはJavascriptでPopup windowを表示したい。

AngularJSで $window.open('https://twitter.com/intent/tweet', 'ツイートする'); でPopup window(新しいWindow)を開いてツイートしたいのですが、新しいタブが開いてしまいます。 window.open()でも同様です。 Popup windowを新しく生成するにはどうすればいいのでしょうか。
StackDestroyer's user avatar
1
1 回答
277 閲覧数

AngularJSのui-routerでtilesのような振る舞いをしたい

AngularJSでui-routerを使用していますが、画面の構成をJavaのTilesのように制御したいです。 複数の画面機能が存在し、同様に複数の共通パーツ機能が存在します。 特定の画面機能でどの共通パーツを表示するかは、 JSONファイル等で管理したいです。 画面A,Bがあるときに、パーツCを各画面で利用する場合を考えます。 画面Aの$stateProvider#stateの設定で、...
dayo's user avatar
  • 55
1
1 回答
878 閲覧数

AngularJS で query string を取得する方法

AngularJS で以下のような URL になってしまった際に query string (key=value) を取得するスマートな方法はありますか? 'http://example.com/?key=value#/users/123' $location.search() では # をうまく解釈するようにできているせいか、期待通りには取得できませんでした。素の location....
bouzuya's user avatar
  • 353
1
0 回答
136 閲覧数

AngularJSでファイルアップロードとクロスドメイン問題

AngularJSのajaxを用いて、ファイルのアップロードを行いたいのですが、色々検索してみたやり方だと、 headers:{"Content-type":undefined} ,transformRequest: null というように、ヘッダーに「undefined」と指定すればよい、と記載されているサイトが多くありました。 ただ、AngularJSを使用しているのがスマホアプリで、...
TetuyaN7's user avatar
1
1 回答
426 閲覧数

frameタグの中に、YouTubeのビデオIDが設定されているangular式を指定して動画再生したい

iframeタグの中に、YouTubeのビデオIDが設定されているangular式を指定して 動画再生したいのですが、可能でしょうか。 現状、直接的にビデオIDを指定する方法が分からなかったので、 仕方なくSelectBoxを使っております。 (SelectBoxでビデオIDを選択すると、選択したIDの動画が再生出来るようになっています)  ※以下参照 これを、SelectBoxを使用せずに、...
user20708's user avatar
1
0 回答
123 閲覧数

MonacaアプリのiCloudへのバックアップ

単純な質問なのですが、Monacaで作ったアプリはiCloudでバックアップ可能とありますが、どのデータをバックアップするのでしょうか? Localstrage内にある、WEB SQLやIndexedDBにあたるのでしょうか?
user19733's user avatar
1
1 回答
327 閲覧数

Fullcalendarのカルーセル遷移

Fullcalendarを使っています。 月表示で表示されている状態からゆっくり左か右へドラッグすると次(前)のカレンダーがフェードインしてくるような描画は出来るのでしょうか?Androidの標準カレンダーのような動きができないか検討しています。
wat's user avatar
  • 11
1
0 回答
172 閲覧数

onsen uiからjsonファイルをread/writeするリソースを探しています。

Jsonファイルをread/writeするクラスから インスタンスしたオブジェクトを生成し、このオブジェクトに readメソッドやwriteメソッドでファイルハンドリングすることを 想定しています。 オススメのものがありましたら、ご教授のほどお願い致します。
Akinobu Yamamoto's user avatar
1
1 回答
597 閲覧数

AngularJS selectタグのディレクティブで未選択状態が最上位にならない

セレクトタグのスタイルや簡易的なチェックを共通化するため、ディレクティブにしました。 このとき、未選択状態を項目に入れるため、HTMLにoptionを追加しましたが、 未選択状態が一番上に着てほしいのに、順番が入れ替わってしまいます。 template html <div> <select ng-model="model" ng-options="item as ...
dayo's user avatar
  • 55
0
1 回答
982 閲覧数

AngularJSにて、変数に$scopeを代入した際の質問

スコープの基礎的な指摘になるかもしれませんが、以下の事象が起きます。 app.controller("test", function($scope){ var options = $scope.nav.getCurrentPage().options; $scope.item = options.item; // {str:'test',int:'000000'} $...
user19733's user avatar
0
1 回答
2,902 閲覧数

AngularJSでローカルにあるjsonを読み込みたい。

AngularJSで以下の様なローカルに存在するファイルを読み込みたいです。 color.json [ { "color": "'rgba(255, 23, 68, 0.2)'" }, { "color": "'rgba(245, 0, 87, 0.2)'" }, { "color": "'rgba(213, 0, 249, 0.2)'" ...
StackDestroyer's user avatar
0
1 回答
1万 閲覧数

セキュリティポリシーが動作しない

前回の質問にて、cdvfileプロトコルを使いたいという事で一旦自己解決したのですが、これをAndroidで使おうとした際、別のエラーとなりました。 Monacaにある例のどおり、 <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap:cdvfile:https://ssl....
user19733's user avatar