すべての質問
javascript angularjs でタグ付けされた
70 件の質問
6
票
1
回答
1,327
閲覧数
textarea に記載された複数メールアドレスを確認するための正規表現
textarea に一行一アドレスで特定ドメインのメールアドレスを列挙させた際に、angular.js の ng-pattern でそれをチェックしたいと思っています。
メールアドレスは
[email protected]
[email protected]
のいずれかのドメインのもので、これを入力する textarea を以下のように(erb 中に)記載しました。
<%= ...
6
票
1
回答
218
閲覧数
$scope を別名に変更すると動作しないのはなぜですか?
はじめまして。
AngularJSを試してみようと思い、WEB上のサンプルを見ながら
以下のようなコーディングを行い、動作を確認しました。(HTML側ソースは割愛します)
var app = angular.module('myApp',[]);
app.controller('myController',function($scope){
...
5
票
1
回答
323
閲覧数
JavascriptからAngularjsを制御
JavascriptからAngularjsを制御したかったのですが、うまくいきませんでした。どのように変更したらよいでしょうか?
手動で「ま」を入力すると動くのですが、jsで「ま」を入力しても動きませんでした。
<!DOCTYPE html>
<html lang="ja" ng-app>
<head>
<meta charset="UTF-8"...
5
票
1
回答
5,943
閲覧数
AngularJSで戻るボタンを押した場合に、ページをリロードせずに元のページの元の場所に戻る方法
AngularJSでルーティングを行うSPAを作成した場合、戻るボタンを押すと1つ前のページに戻りますが、
ページ自体は再度リロードされます。
そのため、前のページの表示位置に戻らず、またデータのリロードが発生してしいます。
AngularJSで戻るボタンを押した場合に、SPAではない通常のアプリケーションと同様に、
前のページをリロードせずに、...
5
票
1
回答
1,386
閲覧数
AngularをTypeScriptで書いているのですが、サービスをcontrollerに注入して関数を呼び出したいのですがうまくいきません。
AngularをTypeScriptで書いているのですが、サービスをcontrollerに注入して関数を呼び出したいのですがうまくいきません。
期待する定義と動作は
○サービスとコントローラclassを分ける。
○DIされたコントローラからサービスに定義されている関数を呼ぶ(ここではadd()です。)
○console.logとして出力されればいいです。
※...
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
■やりたいこと
タイトル通りなのですが、初回起動時にはサービス利用の同意画面を出したいと考えています。
...
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....
4
票
1
回答
464
閲覧数
AngularJSのバリデーションエラーを非表示にする
AngularJSは、バリデーションチェックでエラー表示する事ができますが
そのエラー表示を数秒後、自動的に非表示にする事ができるのでしょうか?
もし出来るのあれば方法を教えてください。
4
票
1
回答
332
閲覧数
横方向に自動リサイズするinputのdirectiveをつくりたい
はじめまして。タイトルのとおりです。AngularJSをつかって横方向に自動リサイズするinputのdirectiveをつくっています。inputにテキストが入力され自動でinputが横方向にリサイズされる処理がわかりません。 また合わせて、inputの初期値のテキスト量に応じてページロード時にinputを自動でリサイズさせておきたいです(500pxをmax-widthにしたいです)。
...
4
票
0
回答
458
閲覧数
angularjsでイメージファイルをservletに送信したい。
いつもお世話になっております。
angularjsでイメージファイル(MultipartFile)をサーブレットに送信したいのですが、
springの@RequestParamアノテーションで上手く取得できません。
jsp
<form method="POST" id="image-form" enctype="multipart/form-data">
<input ...
3
票
1
回答
293
閲覧数
jasmine使用時、$httpBackendのrespondで応答を設定できない
以下のコードはAngular.jsのサービスとkarma+jasmineでテストするためのテストのペアを想定しています。
myService.get()が意図した値を返すかテストしています。
この時、$httpBackendを使ってサーバーが特定の値(この場合'hello')を返したいのですが、
expect(data).toBe('hello');を通らず全てパスしてしまいます。
...
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....
2
票
3
回答
3万
閲覧数
json データの配列から、特定のデータを取得(検索)したい
Rails アプリで、ユーザの口座情報を入力・編集する機能を作成しています。
その際に『銀行を変更したら支店一覧を更新する』処理を angularjs を使って
書いているのですが、登録済みデータ(A銀行 aa支店)を変更する画面で
A銀行の支店一覧を ajax で取得
支店一覧から aa 支店を選択済みに設定
する際のコードで悩んでいます。今のコードは下のようになっています。
$http....
2
票
1
回答
2,528
閲覧数
AngularJSでng-repeat時に、ng-clickしたらhideされている要素を表示したい
Angularjs1.3.0
下記のようなlist配列をループで回した際に、div要素をng-clickすることで
元々非表示になっているspan要素を表示させたいと考えています。
またクリックされた要素自体はng-hideにより非表示にします。
本家のstackoverflowに参考になりそうなコードがあったので組み込んでみましたが、...
2
票
1
回答
265
閲覧数
AngularJS の directive における replace はどうして DEPRECATED なのですか?
AngularJS の directive における replace はどうして DEPRECATED なのですか?
また replace の代替手段には、どのような方法があるのでしょうか?
参考: https://docs.angularjs.org/api/ng/service/$compile
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(もしくはもっといい方法があれば教えてください)で
...
2
票
2
回答
573
閲覧数
ニコニコ生放送のコミュニティidをログインせずに取得したい
Mashup Awards 10向け提供APIガイドを使用したWebアプリケーションを開発しています。
XMLHttpRequestを使用して、生放送をjsonで取得することは出来たのですが、取得できた内容にコミュニティid(co****)が存在しません。
# 例
$ curl -X POST -d '{"issuer":"test","reason":"ma10","query":"初音ミク"...
2
票
1
回答
836
閲覧数
AngularJSで1画面に複数のスクロールをいれられますか
AngularJSでルーティングはui routerを使用してダッシュボードのようなものを作成しています。そこで質問なのですが、1画面に複数のスクロール可能なリストを入れることはできるのでしょうか。例えば左のリストをクリックしたら、右のViewにあるリストの内容が変化するような実装をしたいです。可能であればやり方を教えて下さい。よろしくお願いします。
2
票
1
回答
494
閲覧数
Enterキーで値がsubmitされるtextareaのdirective
はじめまして。質問させていただきます。現在、angularを採用したprojectで以下のような、textareaをdirectiveをつくり実装しています。ベーシックなtextareaとは異なり、値を入力してEnterキーを押すとformをsubmitさせる処理を与えたいと思っています。試行錯誤していますが解決できず困っています。inputでは文章がかなりはみ出てしまい、...
2
票
2
回答
2,399
閲覧数
ng-repeat中に前の要素と比較して表示の出し分けをしたい
Monaca
ONSEN UI 1.3.0
AngularJS 1.3
タイトルの通りですが、APIなどから取得したデータを日付ごとにまとめたいと思っています。
API側でデータを整形してもよいのですが、出来ればフロント側(アプリ側)で対応出来るようにしたいと考えています。
以下の様な簡単なサンプルの場合、前のデータを参照して同じかどうかをチェックするのはどうすればよいでしょうか?
...
2
票
1
回答
2,248
閲覧数
AngularJSにて<img src=""> のsrc404エラーについて検知し代替画像を入れたい
AngularJS1.3.0にて
<div ng-repeat="hoge in list">
<img src="{{hoge.img}}">
</div>
のような要素があったとして、imgが外部リンクの場合は表示されないケースがあるかと思います。
この場合にデフォルトの画像をセットするような処理は可能でしょうか?
JQueryを使った場合ですと
...
2
票
2
回答
4,185
閲覧数
AngularJSでのコントローラー、サービス定義のファイル分割について
お世話になります。
AngularJSにて開発中ですが、サンプルなどにあるようなapp.jsファイル単体に
controllerやservice,directiveを全て記述するのは可読性も悪く問題だと思ったため
各種サイトを参考にディレクトリを切り、機能ごとにファイルに書き出しました。
が、肝心のmodule読み込み方法がうまくいかないです。
...
2
票
1
回答
255
閲覧数
$routeProviderのresolveでリソースの取得中、ローディングイメージを表示したい
AngularJSについての質問です。
$routeProviderのresolveにおいて、controllerが依存するリソースをRESTAPIで取得しています。
このリソースの取得処理が完了するまでの間、ページ遷移が保留状態となり画面が硬直してしまいます。
この間、ユーザは何が起こっているか分からないので、通信中であることを示すローディングイメージを表示したいと考えています。
また、...
2
票
1
回答
1,020
閲覧数
AngularJSでmousedownとtouchstartが発火しない
以下のコードでmousedownとtouchstartが発火しません。
touchmoveも発火したりしなかったりで安定しません。
何が原因でしょうか?
mouseupとtouchendは発火しています。
app.controller('Ctrl', ['$scope', '$resource', '$http', '$interval', '$swipe', '$location', ...
2
票
1
回答
1,931
閲覧数
AngularJSで定数?っぽいオブジェクトを定義したい
以下のような、ステータスとその順番等を管理するオブジェクトを定義したいのですが、
この場合、AngularJSではどこにどのように定義するべきなのでしょうか?
サービスとして定義するべきなのでしょうか?
status = [
{ waiting :{index:1, icon_img:'xxx1.png'} },
{ operating:{index:...
2
票
2
回答
836
閲覧数
AngularJS ui-routerを用いた共通モーダル(BOOTSTRAP)の定義について
BOOTSTRAPのmodalをui-routerで利用するとき、下記のように状態を定義して、$stateProvider#state()に登録しています。
var state = {
name: 'modala',
parent: 'home',
onEnter: function($modal, $state) {
modalInstance = $...
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)...
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 ...
1
票
1
回答
709
閲覧数
アドレスバー直接入力に対するXSS脆弱性について
AngularベースのWebアプリケーションを作成していますが、セキュリティ診断サービスを受けたところ、URL末尾に「?'">alert(document.cookie)」を付与するとJavaScriptが解釈されて実行されてしまう脆弱性を指摘されましたが、いくつか疑問があります。
・そもそも、アプリケーションの対応で止めることが可能なのか?
・...
1
票
3
回答
4,147
閲覧数
chromeのテキストボックスに入力した全角英数字をjavascriptでリアルタイムに半角へ変換したい
いくつか参考サイトを探し、
http://qiita.com/yoya_k/items/4bce6201fde9ee3a9561
こちらを参考にさせていただきながら、なんとか近い形にはできたのですが
気になったのはそもそも情報が少ないということは、別の方法があるからなのか?
予想ではもっとこの問題で悩んでいる方がいるかと思っておりましたので意外でした。
ime-...
1
票
1
回答
124
閲覧数
ngResourceでネストされたアイテムの追加ができず困っています
1つの Shop のなかに複数の Shelf がありその中に Item が格納されているケースを想定しています。
ngResourceを使ってjsonでレンダリングされた "/api/shops/:shop_id/shelfs/:shelf_id/items/:id" を呼び出して、データベースに item を追加しようとしています。
《controller》shop_edit.coffee
...
1
票
2
回答
260
閲覧数
<ons-carousel>のメソッドについて教えて下さい。
ons-carouselのメソッドを幾つか試しています。
ons-carouselから以下の情報が取得できるのでしょうか
ons-carousel-item要素数
自ons-carousel-itemが最終かどうか(true,false)
もし上記情報の取得情報がご存知でしたら、ご教示のほどお願いいたします。
1
票
1
回答
332
閲覧数
Angular.jsで初期化に失敗したらエラーにしたい
Angular使っています。
対応していないブラウザからアクセスされた時、普通はUAなどを見て、ブラックリスト式に弾くと思いますが、対応していないブラウザは全てエラーにしたいと思っています。
そこでAngularの初期化プロセスがコケたらエラーにすればよいのではないかと考えました。
Angularで初期化に失敗した時に検出する方法はありますでしょうか?
1
票
2
回答
1,453
閲覧数
angular.jsのディレクティブで定義した$watch式がトリガされない。
自作ディレクティブで親スコープ内変数の変更を検知し、他の処理を実行したいと思っています。
下記の例で実現したいのは、tags1の変更を検知してコンソールログを出力するものです。
index.html内の<sample-directive>をmyapp.jsで定義しています。
また、要素のドラッグ&ドロップ移動にUI.Sortable directiveを使用しています
...
1
票
1
回答
151
閲覧数
controllerの中で同じ処理を一定回数繰り返したい
AngularJSでtodoアプリをつくっています。controllerの中で同じ処理を複数回繰り返す処理を書いています。
現状では5回繰り返す仕様になっていて、そこまで多くはないのでベタ書きしているのですが、今後の拡張性などを考えるともっと簡潔に書きたいです。
以下がそのコードです。一部省略していますがだいたいこのような感じです。angular.forEachをつかうのかな......
1
票
1
回答
840
閲覧数
Enterキーで次のtextaeraに、Backspaceキーで前のtextareaにfocusを移したいです
タイトルの通りです。質問させてください。EnterキーとBackspaceキーでのfocusの移動に対応した、textareaのディレクティブをつくっています。
textareaで入力したあと、Enterキーを押すとitemを保存して次のelementにfocusを移動、texttareaが空のときのみBackspaceキーを押すとitemを保存して前のelementにfocusを移動させる、...
1
票
1
回答
2,389
閲覧数
横方向に自動リサイズするinputのdirectiveの続き
はじめまして。タイトルの通りです。AngularJSをつかって横方向に自動リサイズするinputのdirectiveをつくっています。以前こちらで質問させて頂いたときに教えて頂いたコードを参考に以下のように実装しているのですが、何点か思うようにいかないとろこがあり、再び相談させて頂いております。テキストを入力すると入力に応じてinputタグのwidthを変更していくものを想定しています。
...
1
票
1
回答
520
閲覧数
ONSEN UIでカルーセルのサブウィンドウを表示したい。
タイトルだけではイメージがつかないと思いますので画像を表示します。
実装イメージはインフォメーションアイコンをタップすると、画像のサブウィンドウを
表示し、カルーセルでアプリの操作説明を表示させようと考えております。
また、右上の×アイコンのタップでサブウィンドウが消えます。
ネイティブでは上記UIを実装したことがあるのですが、ONSEN UIで実装可能でしょうか?
...
1
票
1
回答
2,751
閲覧数
AngularJSもしくはJavascriptでPopup windowを表示したい。
AngularJSで
$window.open('https://twitter.com/intent/tweet', 'ツイートする');
でPopup window(新しいWindow)を開いてツイートしたいのですが、新しいタブが開いてしまいます。
window.open()でも同様です。
Popup windowを新しく生成するにはどうすればいいのでしょうか。
1
票
1
回答
277
閲覧数
AngularJSのui-routerでtilesのような振る舞いをしたい
AngularJSでui-routerを使用していますが、画面の構成をJavaのTilesのように制御したいです。
複数の画面機能が存在し、同様に複数の共通パーツ機能が存在します。
特定の画面機能でどの共通パーツを表示するかは、
JSONファイル等で管理したいです。
画面A,Bがあるときに、パーツCを各画面で利用する場合を考えます。
画面Aの$stateProvider#stateの設定で、...
1
票
1
回答
878
閲覧数
AngularJS で query string を取得する方法
AngularJS で以下のような URL になってしまった際に query string (key=value) を取得するスマートな方法はありますか?
'http://example.com/?key=value#/users/123'
$location.search() では # をうまく解釈するようにできているせいか、期待通りには取得できませんでした。素の location....
1
票
0
回答
136
閲覧数
AngularJSでファイルアップロードとクロスドメイン問題
AngularJSのajaxを用いて、ファイルのアップロードを行いたいのですが、色々検索してみたやり方だと、
headers:{"Content-type":undefined}
,transformRequest: null
というように、ヘッダーに「undefined」と指定すればよい、と記載されているサイトが多くありました。
ただ、AngularJSを使用しているのがスマホアプリで、...
1
票
1
回答
426
閲覧数
frameタグの中に、YouTubeのビデオIDが設定されているangular式を指定して動画再生したい
iframeタグの中に、YouTubeのビデオIDが設定されているangular式を指定して
動画再生したいのですが、可能でしょうか。
現状、直接的にビデオIDを指定する方法が分からなかったので、
仕方なくSelectBoxを使っております。
(SelectBoxでビデオIDを選択すると、選択したIDの動画が再生出来るようになっています)
※以下参照
これを、SelectBoxを使用せずに、...
1
票
0
回答
123
閲覧数
MonacaアプリのiCloudへのバックアップ
単純な質問なのですが、Monacaで作ったアプリはiCloudでバックアップ可能とありますが、どのデータをバックアップするのでしょうか?
Localstrage内にある、WEB SQLやIndexedDBにあたるのでしょうか?
1
票
1
回答
327
閲覧数
Fullcalendarのカルーセル遷移
Fullcalendarを使っています。
月表示で表示されている状態からゆっくり左か右へドラッグすると次(前)のカレンダーがフェードインしてくるような描画は出来るのでしょうか?Androidの標準カレンダーのような動きができないか検討しています。
1
票
0
回答
172
閲覧数
onsen uiからjsonファイルをread/writeするリソースを探しています。
Jsonファイルをread/writeするクラスから
インスタンスしたオブジェクトを生成し、このオブジェクトに
readメソッドやwriteメソッドでファイルハンドリングすることを
想定しています。
オススメのものがありましたら、ご教授のほどお願い致します。
1
票
1
回答
597
閲覧数
AngularJS selectタグのディレクティブで未選択状態が最上位にならない
セレクトタグのスタイルや簡易的なチェックを共通化するため、ディレクティブにしました。
このとき、未選択状態を項目に入れるため、HTMLにoptionを追加しましたが、
未選択状態が一番上に着てほしいのに、順番が入れ替わってしまいます。
template html
<div>
<select ng-model="model" ng-options="item as ...
0
票
1
回答
982
閲覧数
AngularJSにて、変数に$scopeを代入した際の質問
スコープの基礎的な指摘になるかもしれませんが、以下の事象が起きます。
app.controller("test", function($scope){
var options = $scope.nav.getCurrentPage().options;
$scope.item = options.item; // {str:'test',int:'000000'}
$...
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)'"
...
0
票
1
回答
1万
閲覧数
セキュリティポリシーが動作しない
前回の質問にて、cdvfileプロトコルを使いたいという事で一旦自己解決したのですが、これをAndroidで使おうとした際、別のエラーとなりました。
Monacaにある例のどおり、
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap:cdvfile:https://ssl....