[angularjs] タグが付いた質問
AngularJS (アンギュラー・ジェイエス)は、 オープンソースのJavascriptフレームワークです。MV*アーキテクチャを構築されるウェブアプリケーションの補助となり、Javascript のコードを減らすことが目的となっており、主にシングルページウェブアプリケーションの開発を対象としています。
176
件の質問
6
票
1
回答
1,304
閲覧数
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
票
2
回答
1,167
閲覧数
monacaでAngularjsとOnsenUIを使ってリストを表示したい
ネットで見かけたサンプルを使わせていただいてアプリを開発していますが、どうにも上手く表示させれないので質問させて頂きます。
どうも画面のほうが先に描画されている気がします。
アプリ起動時は何も表示できなくてpreタグで表示している配列も空なのですが。
タブバーのtestボタンをタップすると表示されます。
list.htmlはなぜかコピペできなかったので手書き、...
5
票
1
回答
5,912
閲覧数
AngularJSで戻るボタンを押した場合に、ページをリロードせずに元のページの元の場所に戻る方法
AngularJSでルーティングを行うSPAを作成した場合、戻るボタンを押すと1つ前のページに戻りますが、
ページ自体は再度リロードされます。
そのため、前のページの表示位置に戻らず、またデータのリロードが発生してしいます。
AngularJSで戻るボタンを押した場合に、SPAではない通常のアプリケーションと同様に、
前のページをリロードせずに、...
5
票
1
回答
1,379
閲覧数
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
票
4
回答
3,337
閲覧数
AngularJSで input type='time' の値から時刻部分の文字列を取得したい
<input type="time" ng-model="tm"/>
をHTMLで記述し
コントローラー内で $scope.tm を記述すると、
「Thu Jan 01 1970 15:32:00 GMT+0900 (JST)」
といったものが取得されます。
HTML側の入力欄には 15:32:00 と入っているのに、その値を取得することが出来ません。
15:32:...
4
票
1
回答
1,295
閲覧数
Monaca + AngularJS のiOSアプリで、ツールバーの上に空白ができてしまう
Monaca を使ってアプリ開発しているのですが下の画像のようにツールバーの上に空白ができてしまいます。
画面 http://ryo110isa.main.jp/ios.png
Android の場合はこのようなことにはなりません。
いろいろやってみると、 AngularJS を使ったときだけ空白ができるようです。
ちなみに index.html は
<!DOCTYPE HTML&...
4
票
1
回答
7,961
閲覧数
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
回答
114
閲覧数
AngularGoogleMaps 以前表示したルートが残ったままになる
AngularGoogleMapsを使用して、出発地A,中継地B,目的地Cのルート表示を試みています。
しかし、以下の動作になり困っています。
Aを設定、Bを設定、Cを設定。実行→ルート表示される (これはOK)
Bを変更、A・Cはそのまま。実行→ルート表示されるが、1で表示したルートも表示されたままになる(NG。1のルート軌跡は消えてほしい)
どなたか解決方法がわかる方、...
4
票
1
回答
464
閲覧数
AngularJSのバリデーションエラーを非表示にする
AngularJSは、バリデーションチェックでエラー表示する事ができますが
そのエラー表示を数秒後、自動的に非表示にする事ができるのでしょうか?
もし出来るのあれば方法を教えてください。
4
票
1
回答
326
閲覧数
横方向に自動リサイズするinputのdirectiveをつくりたい
はじめまして。タイトルのとおりです。AngularJSをつかって横方向に自動リサイズするinputのdirectiveをつくっています。inputにテキストが入力され自動でinputが横方向にリサイズされる処理がわかりません。 また合わせて、inputの初期値のテキスト量に応じてページロード時にinputを自動でリサイズさせておきたいです(500pxをmax-widthにしたいです)。
...
4
票
1
回答
1,101
閲覧数
Monaca InAppBrowserプラグインでWebView表示後、Web SQLで「no such table」エラーが発生する
MonacaでWeb SQLを使用したアプリを開発しましたが、Androidにおいて次の現象が解決できません。
※Cordova InAppBrowserプラグイン有効。
※Monacaデバッガー、リリースビルドで現象を確認。
下記の例を起動すると、page1で10件分のリストが表示されます。
page2に切り替え、「stackoverflow」ボタンをタップするとWebViewが表示されます。
...
4
票
1
回答
2,618
閲覧数
ng-repeatで作ったcheckbox付リストで、チェックされた数を取得したい
お世話になります。
jsonのデータをng-repeatでcheckbox付のリストに表示させています。
checkboxにチェックを入れた際に下記コード内の
「<ここにチェックされた数をいれたい>」に
チェックされている数が動的に表示されるようにしたいと思っています。
(初期値0)
<html lang="ja" ng-app="MyApp">
<head>...
4
票
0
回答
296
閲覧数
webpackで結合したファイルのサイズが6MBを超えてしまいます
webpack/es2015で開発をしているのですが、結合したファイルのサイズが6MBを超えてしまいます。
angular-materialのimportを外すと3MBほど減るのですが、それにしても大きすぎるのでなんとかしたいのですが、そもそもそのくらいのサイズになるのは仕方がないのでしょうか?
src
import 'babel-polyfill';
import angular from ...
4
票
0
回答
326
閲覧数
Monaca+Angular+OnsenUIで、input が type="password"のとき、jQueryで値が正しく取得できない
Angular+OnsenUIで、input が type="password"のとき、以下のいずれの方法でも最後の文字が、パスワードの隠し文字に化けます。
jQuery("#passwordInput").val()
jQuery("#passwordInput").prop('value')
具体的なHTML
<input type="password" id="...
4
票
0
回答
458
閲覧数
angularjsでイメージファイルをservletに送信したい。
いつもお世話になっております。
angularjsでイメージファイル(MultipartFile)をサーブレットに送信したいのですが、
springの@RequestParamアノテーションで上手く取得できません。
jsp
<form method="POST" id="image-form" enctype="multipart/form-data">
<input ...
4
票
0
回答
1,241
閲覧数
Monaca + AngularJS + Onsen UI での Javascript の管理方法について
Monaca + AngularJS + Onsen UI で画面がたくさんあるアプリの作成を考えています。
サンプルやチュートリアルでは、app.js のみが存在しますが、画面毎のコントローラや共通のサービス等で javascriptファイルを分割したい思っています。
この場合、index.html でそれらのファイルを全て読み込んでおかなければならないのでしょうか?
navigator....
3
票
3
回答
972
閲覧数
<ons-tabbar>のメニューを変更するには
タイトルの通り、ons-tabbarのメニュー変更方法を探しております。
具体的には、A画面からB画面に遷移した際、ons-tabbar内のons-tabタグを
変更したいと思っております。
もしこの実装方法をご存知でしたら、ご教授のほどお願いいたします。
3
票
1
回答
293
閲覧数
jasmine使用時、$httpBackendのrespondで応答を設定できない
以下のコードはAngular.jsのサービスとkarma+jasmineでテストするためのテストのペアを想定しています。
myService.get()が意図した値を返すかテストしています。
この時、$httpBackendを使ってサーバーが特定の値(この場合'hello')を返したいのですが、
expect(data).toBe('hello');を通らず全てパスしてしまいます。
...
3
票
1
回答
691
閲覧数
angular.jsのソートがうまくいかない
angular.jsをつかって値の並び替え(降順・昇順)ソートできるように設定していて、
つまづきました。
問題が起こっているページは以下になります。
http://testdayo.chottu.net/
テーブルの1番目の列の「並び替え」をクリックすると
その項目で昇順・降順でソートされるのですが、
一番高い桁の数値だけで並び替えされてしまいます。
(5,400、4,950、980、...
3
票
1
回答
651
閲覧数
TypeScript + AngularJSでのng-file-uploadモジュールの使用方法
TypeScriptとAngularJS + ng-file-uploadモジュールを使った開発の質問です。
現在、以下のリポジトリで開発を行っています。
http://github.com/aiya000/EndrollMate.git
こちらの動作確認は以下の手順で行えます。
$ git clone http://github.com/aiya000/EndrollMate.git &...
3
票
1
回答
1,421
閲覧数
<ons-tab>タップ時の画面遷移カスタマイズについて
ONSEN UIで以下の実装を実現しようとしています。
タブ内のあるタブをタップする。
タップ後、「ng-click="app.navi.pushPage('page.html', { animation : 'lift' });"」と同様にページを下から上にスライドして新ページを表示する。
新ページはを非表示にする。
新ページから前ページに戻るときはページを上から下にスライドして前ページに戻る。...
3
票
1
回答
2,369
閲覧数
ng-file-uploadを使用した画像のアップロードについて
JavaScriptベースのフロントエンドアプリケーションとして AnuglarJS を使用して
サーバ側のデータを操作する為にバックエンドAPIを Rails で構築しているのですが、
ng-file-uploadを採用した画像のアップロードが上手く出来なくて困っています。
Shop(1) <-> Item(n)
1件のShopに複数のItemが紐付いている状態で、...
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....
3
票
0
回答
152
閲覧数
ng-resourceでDBに保存後、すぐにeditページにredirectさせたい
自己解決できなかったのでこちらで質問させていただきます。
ng-resourceを使ってRailsで作ったAPIにアクセスし、ショップ(Shop)の作成、アイテム(Item)の作成/更新/削除を永続化できる機能を実装しています。1つのShopには複数のItemが紐付いており、Shopを作成すると作成されたidでItemのeditページにredirectさせたいです。
Shop(1) <-...
2
票
2
回答
2,432
閲覧数
AngularJSのngResourceで同期処理
やりたいことは、ログイン情報など、必ず入っていなくてはいけない情報は起動時に変数に入れておきたいのです。
$promiseを使う方法や、$emitと$onで通信する方法も試してみたのですが、非同期は面倒です。ただの代入でやりたいです。
UI-Routerのresolveとpromiseを組み合わせるとページ遷移中に通信完了まで待つことが出来るので、今のところそれで実現は出来るのですが、...
2
票
3
回答
3万
閲覧数
json データの配列から、特定のデータを取得(検索)したい
Rails アプリで、ユーザの口座情報を入力・編集する機能を作成しています。
その際に『銀行を変更したら支店一覧を更新する』処理を angularjs を使って
書いているのですが、登録済みデータ(A銀行 aa支店)を変更する画面で
A銀行の支店一覧を ajax で取得
支店一覧から aa 支店を選択済みに設定
する際のコードで悩んでいます。今のコードは下のようになっています。
$http....
2
票
1
回答
2,523
閲覧数
AngularJSでng-repeat時に、ng-clickしたらhideされている要素を表示したい
Angularjs1.3.0
下記のようなlist配列をループで回した際に、div要素をng-clickすることで
元々非表示になっているspan要素を表示させたいと考えています。
またクリックされた要素自体はng-hideにより非表示にします。
本家のstackoverflowに参考になりそうなコードがあったので組み込んでみましたが、...
2
票
1
回答
263
閲覧数
AngularJS の directive における replace はどうして DEPRECATED なのですか?
AngularJS の directive における replace はどうして DEPRECATED なのですか?
また replace の代替手段には、どのような方法があるのでしょうか?
参考: https://docs.angularjs.org/api/ng/service/$compile
2
票
1
回答
757
閲覧数
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
回答
572
閲覧数
ニコニコ生放送のコミュニティidをログインせずに取得したい
Mashup Awards 10向け提供APIガイドを使用したWebアプリケーションを開発しています。
XMLHttpRequestを使用して、生放送をjsonで取得することは出来たのですが、取得できた内容にコミュニティid(co****)が存在しません。
# 例
$ curl -X POST -d '{"issuer":"test","reason":"ma10","query":"初音ミク"...
2
票
2
回答
2,146
閲覧数
GoogleMapsAPIをJSON形式で取得 → ”Uncaught SyntaxError: Unexpected token : ”
AngularJSでGoogleMapAPIを用いてJSON形式のレスポンスを取得したいのですが、
コンソールに"Uncaught SyntaxError: Unexpected token :"とエラー表示されます。
レスポンスのJSONに":"が存在する為、このエラーが発生するのでしょうか?
解決方法はありますでしょうか?
どなたかわかる方いらっしゃいましたら、
ご教示いただけると幸いです。
...
2
票
1
回答
833
閲覧数
AngularJSで1画面に複数のスクロールをいれられますか
AngularJSでルーティングはui routerを使用してダッシュボードのようなものを作成しています。そこで質問なのですが、1画面に複数のスクロール可能なリストを入れることはできるのでしょうか。例えば左のリストをクリックしたら、右のViewにあるリストの内容が変化するような実装をしたいです。可能であればやり方を教えて下さい。よろしくお願いします。
2
票
1
回答
486
閲覧数
Enterキーで値がsubmitされるtextareaのdirective
はじめまして。質問させていただきます。現在、angularを採用したprojectで以下のような、textareaをdirectiveをつくり実装しています。ベーシックなtextareaとは異なり、値を入力してEnterキーを押すとformをsubmitさせる処理を与えたいと思っています。試行錯誤していますが解決できず困っています。inputでは文章がかなりはみ出てしまい、...
2
票
2
回答
2,388
閲覧数
ng-repeat中に前の要素と比較して表示の出し分けをしたい
Monaca
ONSEN UI 1.3.0
AngularJS 1.3
タイトルの通りですが、APIなどから取得したデータを日付ごとにまとめたいと思っています。
API側でデータを整形してもよいのですが、出来ればフロント側(アプリ側)で対応出来るようにしたいと考えています。
以下の様な簡単なサンプルの場合、前のデータを参照して同じかどうかをチェックするのはどうすればよいでしょうか?
...
2
票
1
回答
2,238
閲覧数
AngularJSにて<img src=""> のsrc404エラーについて検知し代替画像を入れたい
AngularJS1.3.0にて
<div ng-repeat="hoge in list">
<img src="{{hoge.img}}">
</div>
のような要素があったとして、imgが外部リンクの場合は表示されないケースがあるかと思います。
この場合にデフォルトの画像をセットするような処理は可能でしょうか?
JQueryを使った場合ですと
...
2
票
2
回答
4,182
閲覧数
AngularJSでのコントローラー、サービス定義のファイル分割について
お世話になります。
AngularJSにて開発中ですが、サンプルなどにあるようなapp.jsファイル単体に
controllerやservice,directiveを全て記述するのは可読性も悪く問題だと思ったため
各種サイトを参考にディレクトリを切り、機能ごとにファイルに書き出しました。
が、肝心のmodule読み込み方法がうまくいかないです。
...
2
票
1
回答
2,067
閲覧数
OnsenUIで画面遷移のボタンを複数押すと、押した分画面が出てきてしまう件
<ons-button modifier="quiet" ng-click="Navigator.pushPage('hoge.html', { animation : 'lift' } )">hoge</ons-button>
というボタンを設置して、
そのボタンを複数回押すと、押した数だけ画面が出てきてしまいます。
それを防ぐような処理はどうしたら良いでしょうか?
...
2
票
1
回答
254
閲覧数
$routeProviderのresolveでリソースの取得中、ローディングイメージを表示したい
AngularJSについての質問です。
$routeProviderのresolveにおいて、controllerが依存するリソースをRESTAPIで取得しています。
このリソースの取得処理が完了するまでの間、ページ遷移が保留状態となり画面が硬直してしまいます。
この間、ユーザは何が起こっているか分からないので、通信中であることを示すローディングイメージを表示したいと考えています。
また、...
2
票
1
回答
1,010
閲覧数
AngularJSでmousedownとtouchstartが発火しない
以下のコードでmousedownとtouchstartが発火しません。
touchmoveも発火したりしなかったりで安定しません。
何が原因でしょうか?
mouseupとtouchendは発火しています。
app.controller('Ctrl', ['$scope', '$resource', '$http', '$interval', '$swipe', '$location', ...
2
票
1
回答
2,043
閲覧数
cordovaプラグインのアプリ内課金の処理をAngularjsで行いたい
お世話になります。開発環境はMonacaクラウドでアプリを開発しています。無料版は広告あり、アプリ内課金によって広告を非表示にしたいと考えています。
そこでアプリ内課金の処理をcordova-plugin-inapppurchase によって実装しました。こちらは問題なく動きました。(※コメントアウトされている処理が当該部分です。)
ただ、広告表示のフラグや価格表示などをAngularjsの$...
2
票
1
回答
1,731
閲覧数
Onsen UI のラジオボタンで初期設定をしてもチェックマークが表示されない
ons-listでRadiobutton Listを実現したく、以下のコードを実装しております。
これでコマンド $ cordova emulate ios を実行しシミュレータを表示したところ、メニューの右側(先頭のみ)にチェックマークが表示されません。
「ng-repeat」で各値を取得できているのは確認できたのですが、HTMLに生成し表示する際にうまくいってないようです。
...
2
票
1
回答
3,006
閲覧数
ng-clickの引数について
ng-clickの引数は複数設定することは可能でしょうか?
ng-click="click(引数1, 引数2)"
このような形で、clickに対し、引数を2つ渡したいです。
どうぞ宜しくお願いします。
2
票
1
回答
1,927
閲覧数
AngularJSで定数?っぽいオブジェクトを定義したい
以下のような、ステータスとその順番等を管理するオブジェクトを定義したいのですが、
この場合、AngularJSではどこにどのように定義するべきなのでしょうか?
サービスとして定義するべきなのでしょうか?
status = [
{ waiting :{index:1, icon_img:'xxx1.png'} },
{ operating:{index:...
2
票
1
回答
268
閲覧数
<select>にMaterialDesignLiteのmdl-menu classを指定するとselectが消えてしまう。
以下のようにangularJSのサンプルプログラムに、MDLをマウントして書きました。
include.html:
<DOCUTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8" />
<title>Angular JS</title>
<...
2
票
1
回答
235
閲覧数
This function is not registered in the lock list
monacaのテンプレートファイルをちょっと修正しただけでエラーが表示されてしまい、
原因が特定出来ず困っております。
エラー自体は無視しても、他は動作するようなので、無視することも可能ですが、
なるべくならエラー表示されないようにしたいと考えております。
解決のヒントを頂けませんでしょうか。
実行手順
1.クラウド上で「Onsen UI最小限のテンプレート」からプロジェクトを作成
2....
2
票
2
回答
834
閲覧数
AngularJS ui-routerを用いた共通モーダル(BOOTSTRAP)の定義について
BOOTSTRAPのmodalをui-routerで利用するとき、下記のように状態を定義して、$stateProvider#state()に登録しています。
var state = {
name: 'modala',
parent: 'home',
onEnter: function($modal, $state) {
modalInstance = $...
2
票
1
回答
96
閲覧数
herokuにGoとJSで作成したアプリをデプロイするには
サーバーサイドをGoで作成し、そのプロジェクトディレクトリの中にAngularJSとGruntを使って作成したフロントエンドの実装を書きました。そこで質問なのですが、GoのアプリをデプロイするときにGruntのタスクを走らせたりbowerやnpmのインストールをさせるということはできるのでしょうか、またできるとしてどうすればいいのでしょうか。
...