Skip to main content

すべての質問

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

AngularでjsonデータをforEachを使って値を取得

Angular(バージョン7) 以下のようにjson形式でitemsが用意されているとして、hoge()関数の条件分岐によって、fooに特定のメッセージを代入していき、それをhtmlに渡して値を表示させたいです。 component.tsでhoge items: { "price": 200, "count": 5 }, { "...
lara0504's user avatar
1
0 回答
136 閲覧数

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

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

JavaScriptでcache bustingを自動化する方法

はじめまして。 色々調べていたのですが、煮詰まってしまい質問させていただきます。 Java8でSpringを使用して開発しております。 JSフレームワークはAngularJS(1系)です。 今回やりたいことはcache busting対策でHTML内の外部読み込みしている複数のCSS/JSなどに日付やバージョンなどのクエリー文字列を付けることってあると思うのですが、...
kkyy's user avatar
  • 1
1
1 回答
709 閲覧数

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

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

NCMBで、条件を指定して件数のカウントをしたい

NCMB(NIFTY Cloud mobile backend)のデータストアから、 条件を指定して件数を取得したいのですが、そのようなことは可能でしょうか。 具体的な例を以下に記載します。 name | date ------------- A | 6/1 A | 6/2 A | 7/1 B | 6/1 上記のようなクラスがあった場合に、 [name] 毎に ...
Taka M's user avatar
  • 9
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
0
1 回答
1,387 閲覧数

NCMBデータストア 更新方法について

NCMB(nifty cloud mobile backend)で オブジェクト更新方法が分からず困っております。 言語はJavaScriptです。(Monacaで開発しています) 取得・保存は問題なく出来ているのですが、更新が動作しません。 どこか誤っている箇所ございますでしょうか。ご教授の程よろしくお願い致します。 //tblhoge name = "test" のオブジェクトを"...
Taka M's user avatar
  • 9
-1
1 回答
383 閲覧数

angular 半角数字検出

angulerJS v1.5.8 ■疑問点 入力値のバリデーションの実現方法について ■やりたいこと ある文字列の中に半角数字が混在しないようにする 混在した場合は、エラーメッセージを表示する ■現在のHTML <input required class="form-control" id="name" name="name" type="text" ng-model="...
wert's user avatar
  • 1
1
1 回答
426 閲覧数

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

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

AngulerJSでのモーダル画面表示

AngulerJSとBootStrapを使用してモーダル画面を表示しようとしているのですが $modal.openのところで TypeError Cannot read property 'open' undifined とエラーが出てしまいます。 原因はなんでしょうか? var app = angular.module('app',['ui.bootstrap']); //...
toshi5506's user avatar
0
2 回答
6,532 閲覧数

Canvasで作った画像をカメラロールに保存する

スマホ向けアプリをhtml5で作っています。 アプリの中でCanvasを使って画像を作成していまして、その画像をiOSのカメラロールに保存する方法が分かりません。 (描写は出来ています) お絵描きアプリと画像の保存処理の実装 こちらを参考に保存は出来ましたが、保存ディレクトリが希望の物になりません。 (このディレクトリだとサンドボックス内に保存されるので、見ることが出来ません) ...
100K's user avatar
  • 1
0
2 回答
265 閲覧数

neRepeatで繰り返すなかで、アコーディオンを作成する

Angularを使用して、アコーディオン展開出来るリストを作成しています。 以下の様な静的なリストでは実現できています。 <ons-list-header ng-click="flag = !flag">TITLE</ons-list-header>   <ons-list-item ng-show="flag">item1</ons-list-item&...
user19733's user avatar
0
1 回答
712 閲覧数

ng new を実行すると SyntaxError: Unexpected end of JSON input

ターミナルで npm install -g angular-cli と打ち込みインストールしました。 そして ng new m を実行したところ、次のようなエラーが出てきました。 /usr/local/lib/node_modules/angular-cli/ember-cli/lib/models/project.js:571 throw reason; ^ ...
kurino'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
1
0 回答
123 閲覧数

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

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

angularJsのコントローラに値を追加したい

AngularJSのループとフィルターを使って、テーブルを出力しています。 そのテーブルに表示後から値を追加したいのですが、どのように追加すればいいかわかりません。 <!DOCTYPE html> <html lang="en" ng-app="app"> <head> <meta charset="UTF-8"> <script ...
くにあつ's user avatar
0
1 回答
350 閲覧数

【Angular2】setIntervalでコンポーネントの値変更チェックを行わない方法

画面のオートスクロール機能を作っているのですが、setIntervalで値変更チェックが行われる為、とても重くなってしまいます。 オートスクロールではコンポーネントの値などが変わる事はないので、変更チェックは不要です。 変更チェックを行わないsetInterval関数はないですか?
kg tkr's user avatar
  • 1
1
1 回答
327 閲覧数

Fullcalendarのカルーセル遷移

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

AngulerJSのモジュールエラー

AngulerJS(1.5.8)を使ってAJAX通信を行うのですが contorollerの定義のスクリプトでモジュールエラーが発生しています。 [$injector:modulerr] http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=app&p1=Error%3A%20%5B%24injector%3Anomod%5D%...
toshi5506's user avatar
-1
1 回答
746 閲覧数

monaca「RSSリーダー」アプリに記事画像も表示したい。

「monaca」と「nifty mobile backend」を使って、RSSリーダーアプリを作成しています。 monacaのドキュメントにあるサンプルアプリ『RSSリーダー』を参考にして作っているのですが、記事元の画像(WordPressで言うところのアイキャッチ画像)も表示したいと思っています。 ドキュメントは「タイトル・日付・概要文」のみの取得・表示となっており、...
高橋まこと's user avatar
6
1 回答
218 閲覧数

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

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

ng-styleでのwidthを変数にする方法

http://kimagureneet.hatenablog.com/entry/2015/01/19/050000 上記のページを参照にしているのですが、 ng-style="{ width: '400px' }" この'400px'を変数にする場合はどのように書けば良いのでしょうか?
松川重明's user avatar
0
0 回答
312 閲覧数

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

お世話になります。 Accordion list with OnsenUI を参考に、静的な多階層リストの生成はできました。 今回、動的な多階層リストの生成をしたく、質問させていただきます。 生成したいリストとして以下の機能を持たせたいです。 Ajaxを使用して取得したリストを表示 A1 B1 C1 D1 リストのうち1つをタップするとAjaxを使用し、...
user avatar
0
1 回答
133 閲覧数

AngularUI Rounterで$stateParamsに0埋めの文字列を渡したい

プロフィールページを0で埋められた7桁のプロフィールIDのついたURLで表そうと、UI Routerを使っているのですがURLを正しく作れなくて困っています。 HTMLは下のようにaタグのui-sref属性にパラメーターを指定しました。 ctrlはaタグを囲っているタグでCtrl as ctrlの様に指定したものです。ctrl.profilenameは'ユーザー1'など適当な文字列が入っています。...
i5irin's user avatar
  • 478
1
0 回答
172 閲覧数

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

Jsonファイルをread/writeするクラスから インスタンスしたオブジェクトを生成し、このオブジェクトに readメソッドやwriteメソッドでファイルハンドリングすることを 想定しています。 オススメのものがありましたら、ご教授のほどお願い致します。
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
2
3 回答
3万 閲覧数

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

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

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

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

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

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

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

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

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

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

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

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

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

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

cordovaで画像編集できるPluginまたはJSを教えて下さい。

タイトルの通りです。 cordova上で写真画像を編集できるPluginまたはJSを探しております。 以下の画像編集機能があるものが条件です。 画像切り取り ペンでのペインティング スタンプ貼り付け 画像のモザイク 画像のタグ付け もしご存知でしたらご教授ください。 よろしくお願いいたします。
Akinobu Yamamoto'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 回答
323 閲覧数

JavascriptからAngularjsを制御

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

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

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

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

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

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

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

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

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