すべての質問
javascript angularjs でタグ付けされた
70 件の質問
0
票
1
回答
589
閲覧数
AngularでjsonデータをforEachを使って値を取得
Angular(バージョン7)
以下のようにjson形式でitemsが用意されているとして、hoge()関数の条件分岐によって、fooに特定のメッセージを代入していき、それをhtmlに渡して値を表示させたいです。
component.tsでhoge
items: {
"price": 200,
"count": 5
},
{
"...
1
票
0
回答
136
閲覧数
AngularJSでファイルアップロードとクロスドメイン問題
AngularJSのajaxを用いて、ファイルのアップロードを行いたいのですが、色々検索してみたやり方だと、
headers:{"Content-type":undefined}
,transformRequest: null
というように、ヘッダーに「undefined」と指定すればよい、と記載されているサイトが多くありました。
ただ、AngularJSを使用しているのがスマホアプリで、...
0
票
1
回答
3,447
閲覧数
JavaScriptでcache bustingを自動化する方法
はじめまして。
色々調べていたのですが、煮詰まってしまい質問させていただきます。
Java8でSpringを使用して開発しております。
JSフレームワークはAngularJS(1系)です。
今回やりたいことはcache busting対策でHTML内の外部読み込みしている複数のCSS/JSなどに日付やバージョンなどのクエリー文字列を付けることってあると思うのですが、...
1
票
1
回答
709
閲覧数
アドレスバー直接入力に対するXSS脆弱性について
AngularベースのWebアプリケーションを作成していますが、セキュリティ診断サービスを受けたところ、URL末尾に「?'">alert(document.cookie)」を付与するとJavaScriptが解釈されて実行されてしまう脆弱性を指摘されましたが、いくつか疑問があります。
・そもそも、アプリケーションの対応で止めることが可能なのか?
・...
0
票
1
回答
1万
閲覧数
セキュリティポリシーが動作しない
前回の質問にて、cdvfileプロトコルを使いたいという事で一旦自己解決したのですが、これをAndroidで使おうとした際、別のエラーとなりました。
Monacaにある例のどおり、
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap:cdvfile:https://ssl....
0
票
1
回答
317
閲覧数
NCMBで、条件を指定して件数のカウントをしたい
NCMB(NIFTY Cloud mobile backend)のデータストアから、
条件を指定して件数を取得したいのですが、そのようなことは可能でしょうか。
具体的な例を以下に記載します。
name | date
-------------
A | 6/1
A | 6/2
A | 7/1
B | 6/1
上記のようなクラスがあった場合に、
[name] 毎に ...
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 ...
0
票
1
回答
1,387
閲覧数
NCMBデータストア 更新方法について
NCMB(nifty cloud mobile backend)で
オブジェクト更新方法が分からず困っております。
言語はJavaScriptです。(Monacaで開発しています)
取得・保存は問題なく出来ているのですが、更新が動作しません。
どこか誤っている箇所ございますでしょうか。ご教授の程よろしくお願い致します。
//tblhoge name = "test" のオブジェクトを"...
-1
票
1
回答
383
閲覧数
angular 半角数字検出
angulerJS v1.5.8
■疑問点
入力値のバリデーションの実現方法について
■やりたいこと
ある文字列の中に半角数字が混在しないようにする
混在した場合は、エラーメッセージを表示する
■現在のHTML
<input required class="form-control" id="name" name="name" type="text" ng-model="...
1
票
1
回答
426
閲覧数
frameタグの中に、YouTubeのビデオIDが設定されているangular式を指定して動画再生したい
iframeタグの中に、YouTubeのビデオIDが設定されているangular式を指定して
動画再生したいのですが、可能でしょうか。
現状、直接的にビデオIDを指定する方法が分からなかったので、
仕方なくSelectBoxを使っております。
(SelectBoxでビデオIDを選択すると、選択したIDの動画が再生出来るようになっています)
※以下参照
これを、SelectBoxを使用せずに、...
0
票
1
回答
244
閲覧数
AngulerJSでのモーダル画面表示
AngulerJSとBootStrapを使用してモーダル画面を表示しようとしているのですが
$modal.openのところで
TypeError Cannot read property 'open' undifined
とエラーが出てしまいます。
原因はなんでしょうか?
var app = angular.module('app',['ui.bootstrap']);
//...
0
票
2
回答
6,532
閲覧数
Canvasで作った画像をカメラロールに保存する
スマホ向けアプリをhtml5で作っています。
アプリの中でCanvasを使って画像を作成していまして、その画像をiOSのカメラロールに保存する方法が分かりません。
(描写は出来ています)
お絵描きアプリと画像の保存処理の実装
こちらを参考に保存は出来ましたが、保存ディレクトリが希望の物になりません。
(このディレクトリだとサンドボックス内に保存されるので、見ることが出来ません)
...
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&...
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;
^
...
0
票
1
回答
982
閲覧数
AngularJSにて、変数に$scopeを代入した際の質問
スコープの基礎的な指摘になるかもしれませんが、以下の事象が起きます。
app.controller("test", function($scope){
var options = $scope.nav.getCurrentPage().options;
$scope.item = options.item; // {str:'test',int:'000000'}
$...
1
票
0
回答
123
閲覧数
MonacaアプリのiCloudへのバックアップ
単純な質問なのですが、Monacaで作ったアプリはiCloudでバックアップ可能とありますが、どのデータをバックアップするのでしょうか?
Localstrage内にある、WEB SQLやIndexedDBにあたるのでしょうか?
0
票
1
回答
100
閲覧数
angularJsのコントローラに値を追加したい
AngularJSのループとフィルターを使って、テーブルを出力しています。
そのテーブルに表示後から値を追加したいのですが、どのように追加すればいいかわかりません。
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<script ...
0
票
1
回答
350
閲覧数
【Angular2】setIntervalでコンポーネントの値変更チェックを行わない方法
画面のオートスクロール機能を作っているのですが、setIntervalで値変更チェックが行われる為、とても重くなってしまいます。
オートスクロールではコンポーネントの値などが変わる事はないので、変更チェックは不要です。
変更チェックを行わないsetInterval関数はないですか?
1
票
1
回答
327
閲覧数
Fullcalendarのカルーセル遷移
Fullcalendarを使っています。
月表示で表示されている状態からゆっくり左か右へドラッグすると次(前)のカレンダーがフェードインしてくるような描画は出来るのでしょうか?Androidの標準カレンダーのような動きができないか検討しています。
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%...
-1
票
1
回答
746
閲覧数
monaca「RSSリーダー」アプリに記事画像も表示したい。
「monaca」と「nifty mobile backend」を使って、RSSリーダーアプリを作成しています。
monacaのドキュメントにあるサンプルアプリ『RSSリーダー』を参考にして作っているのですが、記事元の画像(WordPressで言うところのアイキャッチ画像)も表示したいと思っています。
ドキュメントは「タイトル・日付・概要文」のみの取得・表示となっており、...
6
票
1
回答
218
閲覧数
$scope を別名に変更すると動作しないのはなぜですか?
はじめまして。
AngularJSを試してみようと思い、WEB上のサンプルを見ながら
以下のようなコーディングを行い、動作を確認しました。(HTML側ソースは割愛します)
var app = angular.module('myApp',[]);
app.controller('myController',function($scope){
...
0
票
1
回答
1,374
閲覧数
ng-styleでのwidthを変数にする方法
http://kimagureneet.hatenablog.com/entry/2015/01/19/050000
上記のページを参照にしているのですが、
ng-style="{ width: '400px' }"
この'400px'を変数にする場合はどのように書けば良いのでしょうか?
0
票
0
回答
312
閲覧数
AngularJS+OnsenUIで動的に多階層リストを生成したい
お世話になります。
Accordion list with OnsenUI を参考に、静的な多階層リストの生成はできました。
今回、動的な多階層リストの生成をしたく、質問させていただきます。
生成したいリストとして以下の機能を持たせたいです。
Ajaxを使用して取得したリストを表示
A1
B1
C1
D1
リストのうち1つをタップするとAjaxを使用し、...
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'など適当な文字列が入っています。...
1
票
0
回答
172
閲覧数
onsen uiからjsonファイルをread/writeするリソースを探しています。
Jsonファイルをread/writeするクラスから
インスタンスしたオブジェクトを生成し、このオブジェクトに
readメソッドやwriteメソッドでファイルハンドリングすることを
想定しています。
オススメのものがありましたら、ご教授のほどお願い致します。
3
票
1
回答
293
閲覧数
jasmine使用時、$httpBackendのrespondで応答を設定できない
以下のコードはAngular.jsのサービスとkarma+jasmineでテストするためのテストのペアを想定しています。
myService.get()が意図した値を返すかテストしています。
この時、$httpBackendを使ってサーバーが特定の値(この場合'hello')を返したいのですが、
expect(data).toBe('hello');を通らず全てパスしてしまいます。
...
2
票
3
回答
3万
閲覧数
json データの配列から、特定のデータを取得(検索)したい
Rails アプリで、ユーザの口座情報を入力・編集する機能を作成しています。
その際に『銀行を変更したら支店一覧を更新する』処理を angularjs を使って
書いているのですが、登録済みデータ(A銀行 aa支店)を変更する画面で
A銀行の支店一覧を ajax で取得
支店一覧から aa 支店を選択済みに設定
する際のコードで悩んでいます。今のコードは下のようになっています。
$http....
1
票
2
回答
1,453
閲覧数
angular.jsのディレクティブで定義した$watch式がトリガされない。
自作ディレクティブで親スコープ内変数の変更を検知し、他の処理を実行したいと思っています。
下記の例で実現したいのは、tags1の変更を検知してコンソールログを出力するものです。
index.html内の<sample-directive>をmyapp.jsで定義しています。
また、要素のドラッグ&ドロップ移動にUI.Sortable directiveを使用しています
...
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(もしくはもっといい方法があれば教えてください)で
...
1
票
1
回答
151
閲覧数
controllerの中で同じ処理を一定回数繰り返したい
AngularJSでtodoアプリをつくっています。controllerの中で同じ処理を複数回繰り返す処理を書いています。
現状では5回繰り返す仕様になっていて、そこまで多くはないのでベタ書きしているのですが、今後の拡張性などを考えるともっと簡潔に書きたいです。
以下がそのコードです。一部省略していますがだいたいこのような感じです。angular.forEachをつかうのかな......
6
票
1
回答
1,327
閲覧数
textarea に記載された複数メールアドレスを確認するための正規表現
textarea に一行一アドレスで特定ドメインのメールアドレスを列挙させた際に、angular.js の ng-pattern でそれをチェックしたいと思っています。
メールアドレスは
[email protected]
[email protected]
のいずれかのドメインのもので、これを入力する textarea を以下のように(erb 中に)記載しました。
<%= ...
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
回答
124
閲覧数
ngResourceでネストされたアイテムの追加ができず困っています
1つの Shop のなかに複数の Shelf がありその中に Item が格納されているケースを想定しています。
ngResourceを使ってjsonでレンダリングされた "/api/shops/:shop_id/shelfs/:shelf_id/items/:id" を呼び出して、データベースに item を追加しようとしています。
《controller》shop_edit.coffee
...
2
票
1
回答
1,931
閲覧数
AngularJSで定数?っぽいオブジェクトを定義したい
以下のような、ステータスとその順番等を管理するオブジェクトを定義したいのですが、
この場合、AngularJSではどこにどのように定義するべきなのでしょうか?
サービスとして定義するべきなのでしょうか?
status = [
{ waiting :{index:1, icon_img:'xxx1.png'} },
{ operating:{index:...
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
票
2
回答
573
閲覧数
ニコニコ生放送のコミュニティidをログインせずに取得したい
Mashup Awards 10向け提供APIガイドを使用したWebアプリケーションを開発しています。
XMLHttpRequestを使用して、生放送をjsonで取得することは出来たのですが、取得できた内容にコミュニティid(co****)が存在しません。
# 例
$ curl -X POST -d '{"issuer":"test","reason":"ma10","query":"初音ミク"...
4
票
0
回答
458
閲覧数
angularjsでイメージファイルをservletに送信したい。
いつもお世話になっております。
angularjsでイメージファイル(MultipartFile)をサーブレットに送信したいのですが、
springの@RequestParamアノテーションで上手く取得できません。
jsp
<form method="POST" id="image-form" enctype="multipart/form-data">
<input ...
1
票
2
回答
260
閲覧数
<ons-carousel>のメソッドについて教えて下さい。
ons-carouselのメソッドを幾つか試しています。
ons-carouselから以下の情報が取得できるのでしょうか
ons-carousel-item要素数
自ons-carousel-itemが最終かどうか(true,false)
もし上記情報の取得情報がご存知でしたら、ご教示のほどお願いいたします。
1
票
1
回答
520
閲覧数
ONSEN UIでカルーセルのサブウィンドウを表示したい。
タイトルだけではイメージがつかないと思いますので画像を表示します。
実装イメージはインフォメーションアイコンをタップすると、画像のサブウィンドウを
表示し、カルーセルでアプリの操作説明を表示させようと考えております。
また、右上の×アイコンのタップでサブウィンドウが消えます。
ネイティブでは上記UIを実装したことがあるのですが、ONSEN UIで実装可能でしょうか?
...
-1
票
1
回答
865
閲覧数
cordovaで画像編集できるPluginまたはJSを教えて下さい。
タイトルの通りです。
cordova上で写真画像を編集できるPluginまたはJSを探しております。
以下の画像編集機能があるものが条件です。
画像切り取り
ペンでのペインティング
スタンプ貼り付け
画像のモザイク
画像のタグ付け
もしご存知でしたらご教授ください。
よろしくお願いいたします。
5
票
1
回答
1,386
閲覧数
AngularをTypeScriptで書いているのですが、サービスをcontrollerに注入して関数を呼び出したいのですがうまくいきません。
AngularをTypeScriptで書いているのですが、サービスをcontrollerに注入して関数を呼び出したいのですがうまくいきません。
期待する定義と動作は
○サービスとコントローラclassを分ける。
○DIされたコントローラからサービスに定義されている関数を呼ぶ(ここではadd()です。)
○console.logとして出力されればいいです。
※...
5
票
1
回答
323
閲覧数
JavascriptからAngularjsを制御
JavascriptからAngularjsを制御したかったのですが、うまくいきませんでした。どのように変更したらよいでしょうか?
手動で「ま」を入力すると動くのですが、jsで「ま」を入力しても動きませんでした。
<!DOCTYPE html>
<html lang="ja" ng-app>
<head>
<meta charset="UTF-8"...
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
回答
836
閲覧数
AngularJSで1画面に複数のスクロールをいれられますか
AngularJSでルーティングはui routerを使用してダッシュボードのようなものを作成しています。そこで質問なのですが、1画面に複数のスクロール可能なリストを入れることはできるのでしょうか。例えば左のリストをクリックしたら、右のViewにあるリストの内容が変化するような実装をしたいです。可能であればやり方を教えて下さい。よろしくお願いします。
4
票
1
回答
464
閲覧数
AngularJSのバリデーションエラーを非表示にする
AngularJSは、バリデーションチェックでエラー表示する事ができますが
そのエラー表示を数秒後、自動的に非表示にする事ができるのでしょうか?
もし出来るのあれば方法を教えてください。
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
回答
332
閲覧数
横方向に自動リサイズするinputのdirectiveをつくりたい
はじめまして。タイトルのとおりです。AngularJSをつかって横方向に自動リサイズするinputのdirectiveをつくっています。inputにテキストが入力され自動でinputが横方向にリサイズされる処理がわかりません。 また合わせて、inputの初期値のテキスト量に応じてページロード時にinputを自動でリサイズさせておきたいです(500pxをmax-widthにしたいです)。
...
2
票
1
回答
494
閲覧数
Enterキーで値がsubmitされるtextareaのdirective
はじめまして。質問させていただきます。現在、angularを採用したprojectで以下のような、textareaをdirectiveをつくり実装しています。ベーシックなtextareaとは異なり、値を入力してEnterキーを押すとformをsubmitさせる処理を与えたいと思っています。試行錯誤していますが解決できず困っています。inputでは文章がかなりはみ出てしまい、...