Skip to main content

[angularjs] タグが付いた質問

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

176 件の質問
絞り込み
並べ替え
タグ付けされた
6
1 回答
1,304 閲覧数

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
2 回答
1,167 閲覧数

monacaでAngularjsとOnsenUIを使ってリストを表示したい

ネットで見かけたサンプルを使わせていただいてアプリを開発していますが、どうにも上手く表示させれないので質問させて頂きます。 どうも画面のほうが先に描画されている気がします。 アプリ起動時は何も表示できなくてpreタグで表示している配列も空なのですが。 タブバーのtestボタンをタップすると表示されます。 list.htmlはなぜかコピペできなかったので手書き、...
たまねぎ's user avatar
5
1 回答
5,912 閲覧数

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

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

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
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:...
angs's user avatar
  • 41
4
1 回答
1,295 閲覧数

Monaca + AngularJS のiOSアプリで、ツールバーの上に空白ができてしまう

Monaca を使ってアプリ開発しているのですが下の画像のようにツールバーの上に空白ができてしまいます。 画面 http://ryo110isa.main.jp/ios.png Android の場合はこのようなことにはなりません。 いろいろやってみると、 AngularJS を使ったときだけ空白ができるようです。 ちなみに index.html は <!DOCTYPE HTML&...
user7644's user avatar
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....
Kun Ns's user avatar
  • 944
4
1 回答
114 閲覧数

AngularGoogleMaps 以前表示したルートが残ったままになる

AngularGoogleMapsを使用して、出発地A,中継地B,目的地Cのルート表示を試みています。 しかし、以下の動作になり困っています。 Aを設定、Bを設定、Cを設定。実行→ルート表示される (これはOK) Bを変更、A・Cはそのまま。実行→ルート表示されるが、1で表示したルートも表示されたままになる(NG。1のルート軌跡は消えてほしい) どなたか解決方法がわかる方、...
y.yamaguchi's user avatar
4
1 回答
464 閲覧数

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

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

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

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

Monaca InAppBrowserプラグインでWebView表示後、Web SQLで「no such table」エラーが発生する

MonacaでWeb SQLを使用したアプリを開発しましたが、Androidにおいて次の現象が解決できません。 ※Cordova InAppBrowserプラグイン有効。 ※Monacaデバッガー、リリースビルドで現象を確認。 下記の例を起動すると、page1で10件分のリストが表示されます。 page2に切り替え、「stackoverflow」ボタンをタップするとWebViewが表示されます。 ...
otak-lab's user avatar
  • 1,448
4
1 回答
2,618 閲覧数

ng-repeatで作ったcheckbox付リストで、チェックされた数を取得したい

お世話になります。 jsonのデータをng-repeatでcheckbox付のリストに表示させています。 checkboxにチェックを入れた際に下記コード内の 「<ここにチェックされた数をいれたい>」に チェックされている数が動的に表示されるようにしたいと思っています。 (初期値0) <html lang="ja" ng-app="MyApp"> <head>...
wai8410's user avatar
  • 61
4
0 回答
296 閲覧数

webpackで結合したファイルのサイズが6MBを超えてしまいます

webpack/es2015で開発をしているのですが、結合したファイルのサイズが6MBを超えてしまいます。 angular-materialのimportを外すと3MBほど減るのですが、それにしても大きすぎるのでなんとかしたいのですが、そもそもそのくらいのサイズになるのは仕方がないのでしょうか? src import 'babel-polyfill'; import angular from ...
rkt111's user avatar
  • 41
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="...
Hitomi's user avatar
  • 41
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
4
0 回答
1,241 閲覧数

Monaca + AngularJS + Onsen UI での Javascript の管理方法について

Monaca + AngularJS + Onsen UI で画面がたくさんあるアプリの作成を考えています。 サンプルやチュートリアルでは、app.js のみが存在しますが、画面毎のコントローラや共通のサービス等で javascriptファイルを分割したい思っています。 この場合、index.html でそれらのファイルを全て読み込んでおかなければならないのでしょうか? navigator....
hasuie's user avatar
  • 59
3
3 回答
972 閲覧数

<ons-tabbar>のメニューを変更するには

タイトルの通り、ons-tabbarのメニュー変更方法を探しております。 具体的には、A画面からB画面に遷移した際、ons-tabbar内のons-tabタグを 変更したいと思っております。 もしこの実装方法をご存知でしたら、ご教授のほどお願いいたします。
Akinobu Yamamoto's user avatar
3
1 回答
293 閲覧数

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

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

angular.jsのソートがうまくいかない

angular.jsをつかって値の並び替え(降順・昇順)ソートできるように設定していて、 つまづきました。 問題が起こっているページは以下になります。 http://testdayo.chottu.net/ テーブルの1番目の列の「並び替え」をクリックすると その項目で昇順・降順でソートされるのですが、 一番高い桁の数値だけで並び替えされてしまいます。 (5,400、4,950、980、...
weezar0618's user avatar
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 &...
public_ai000ya's user avatar
3
1 回答
1,421 閲覧数

<ons-tab>タップ時の画面遷移カスタマイズについて

ONSEN UIで以下の実装を実現しようとしています。 タブ内のあるタブをタップする。 タップ後、「ng-click="app.navi.pushPage('page.html', { animation : 'lift' });"」と同様にページを下から上にスライドして新ページを表示する。 新ページはを非表示にする。 新ページから前ページに戻るときはページを上から下にスライドして前ページに戻る。...
Akinobu Yamamoto's user avatar
3
1 回答
2,369 閲覧数

ng-file-uploadを使用した画像のアップロードについて

JavaScriptベースのフロントエンドアプリケーションとして AnuglarJS を使用して サーバ側のデータを操作する為にバックエンドAPIを Rails で構築しているのですが、 ng-file-uploadを採用した画像のアップロードが上手く出来なくて困っています。 Shop(1) <-> Item(n) 1件のShopに複数のItemが紐付いている状態で、...
imachan0322's user avatar
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
3
0 回答
152 閲覧数

ng-resourceでDBに保存後、すぐにeditページにredirectさせたい

自己解決できなかったのでこちらで質問させていただきます。 ng-resourceを使ってRailsで作ったAPIにアクセスし、ショップ(Shop)の作成、アイテム(Item)の作成/更新/削除を永続化できる機能を実装しています。1つのShopには複数のItemが紐付いており、Shopを作成すると作成されたidでItemのeditページにredirectさせたいです。 Shop(1) <-...
farve135's user avatar
2
2 回答
2,432 閲覧数

AngularJSのngResourceで同期処理

やりたいことは、ログイン情報など、必ず入っていなくてはいけない情報は起動時に変数に入れておきたいのです。 $promiseを使う方法や、$emitと$onで通信する方法も試してみたのですが、非同期は面倒です。ただの代入でやりたいです。 UI-Routerのresolveとpromiseを組み合わせるとページ遷移中に通信完了まで待つことが出来るので、今のところそれで実現は出来るのですが、...
naga3's user avatar
  • 655
2
3 回答
3万 閲覧数

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

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

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

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

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

AngularJS の directive における replace はどうして DEPRECATED なのですか? また replace の代替手段には、どのような方法があるのでしょうか? 参考: https://docs.angularjs.org/api/ng/service/$compile
bouzuya's user avatar
  • 353
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(もしくはもっといい方法があれば教えてください)で ...
aoshima.natsuki's user avatar
2
2 回答
572 閲覧数

ニコニコ生放送のコミュニティ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
2 回答
2,146 閲覧数

GoogleMapsAPIをJSON形式で取得 → ”Uncaught SyntaxError: Unexpected token : ”

AngularJSでGoogleMapAPIを用いてJSON形式のレスポンスを取得したいのですが、 コンソールに"Uncaught SyntaxError: Unexpected token :"とエラー表示されます。 レスポンスのJSONに":"が存在する為、このエラーが発生するのでしょうか? 解決方法はありますでしょうか? どなたかわかる方いらっしゃいましたら、 ご教示いただけると幸いです。 ...
y.yamaguchi's user avatar
2
1 回答
833 閲覧数

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

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

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

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

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

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

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,182 閲覧数

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

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

OnsenUIで画面遷移のボタンを複数押すと、押した分画面が出てきてしまう件

<ons-button modifier="quiet" ng-click="Navigator.pushPage('hoge.html', { animation : 'lift' } )">hoge</ons-button> というボタンを設置して、 そのボタンを複数回押すと、押した数だけ画面が出てきてしまいます。 それを防ぐような処理はどうしたら良いでしょうか? ...
いぬドッグ's user avatar
2
1 回答
254 閲覧数

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

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

AngularJSでmousedownとtouchstartが発火しない

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

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

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

Onsen UI のラジオボタンで初期設定をしてもチェックマークが表示されない

ons-listでRadiobutton Listを実現したく、以下のコードを実装しております。 これでコマンド $ cordova emulate ios を実行しシミュレータを表示したところ、メニューの右側(先頭のみ)にチェックマークが表示されません。 「ng-repeat」で各値を取得できているのは確認できたのですが、HTMLに生成し表示する際にうまくいってないようです。 ...
Akinobu Yamamoto's user avatar
2
1 回答
3,006 閲覧数

ng-clickの引数について

ng-clickの引数は複数設定することは可能でしょうか? ng-click="click(引数1, 引数2)" このような形で、clickに対し、引数を2つ渡したいです。 どうぞ宜しくお願いします。
user13399's user avatar
2
1 回答
1,927 閲覧数

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

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

This function is not registered in the lock list

monacaのテンプレートファイルをちょっと修正しただけでエラーが表示されてしまい、 原因が特定出来ず困っております。 エラー自体は無視しても、他は動作するようなので、無視することも可能ですが、 なるべくならエラー表示されないようにしたいと考えております。 解決のヒントを頂けませんでしょうか。 実行手順 1.クラウド上で「Onsen UI最小限のテンプレート」からプロジェクトを作成 2....
ishimori's user avatar
2
2 回答
834 閲覧数

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 回答
96 閲覧数

herokuにGoとJSで作成したアプリをデプロイするには

サーバーサイドをGoで作成し、そのプロジェクトディレクトリの中にAngularJSとGruntを使って作成したフロントエンドの実装を書きました。そこで質問なのですが、GoのアプリをデプロイするときにGruntのタスクを走らせたりbowerやnpmのインストールをさせるということはできるのでしょうか、またできるとしてどうすればいいのでしょうか。 ...
StackDestroyer's user avatar