[angularjs] タグが付いた質問
AngularJS (アンギュラー・ジェイエス)は、 オープンソースのJavascriptフレームワークです。MV*アーキテクチャを構築されるウェブアプリケーションの補助となり、Javascript のコードを減らすことが目的となっており、主にシングルページウェブアプリケーションの開発を対象としています。
176
質問
1
票
1
回答
416
閲覧数
frameタグの中に、YouTubeのビデオIDが設定されているangular式を指定して動画再生したい
iframeタグの中に、YouTubeのビデオIDが設定されているangular式を指定して
動画再生したいのですが、可能でしょうか。
現状、直接的にビデオIDを指定する方法が分からなかったので、
仕方なくSelectBoxを使っております。
(SelectBoxでビデオIDを選択すると、選択したIDの動画が再生出来るようになっています)
※以下参照
これを、SelectBoxを使用せずに、...
0
票
2
回答
5,136
閲覧数
AngularJS においてdocument.getElementByIdにおける情報取得について
Monaca + nifty mbaaSで開発しています。
ログイン画面を作ろうとしていますが、上手く動きません。
また、AngularJSとJQueryを混在できるため以下のように書きましたが、
出来ればAngularJSに統一して書きたいです。
angular.module('xxx',['onsen'])
.controller('login', ['$scope', ng-click = ...
0
票
1
回答
461
閲覧数
ons-modalにパラメータを渡したい
monacaのonseneUIでモーダルを表示する時にパラメータを渡して、そのパラメータを表示するようにしたいのですが、うまくいきません。
公式リファレンスは読んだのですが、具体例がないのでよくわからないです。
パラメータの渡し方・取得方法を教えてください。
現在のコード
<ons-page>
<div ng-click="modal.show({num:1}...
2
票
1
回答
1,695
閲覧数
Onsen UI のラジオボタンで初期設定をしてもチェックマークが表示されない
ons-listでRadiobutton Listを実現したく、以下のコードを実装しております。
これでコマンド $ cordova emulate ios を実行しシミュレータを表示したところ、メニューの右側(先頭のみ)にチェックマークが表示されません。
「ng-repeat」で各値を取得できているのは確認できたのですが、HTMLに生成し表示する際にうまくいってないようです。
...
0
票
0
回答
42
閲覧数
angular 13でcsvファイルをアップロードする方法
angularの勉強をしています。
csvファイルを下記のソースコードでアップロードするように作成しましたが、
特に画面何も表示されず真っ白な状態です。
バージョンによって表示されないでしょうか。
参考URL
Angular Upload Readcsv | stackblitz
Read CSV and convert JSON Data in Angular
app.component.ts
/...
0
票
1
回答
131
閲覧数
AngularでjsonデータをforEachを使って値を取得
Angular(バージョン7)
以下のようにjson形式でitemsが用意されているとして、hoge()関数の条件分岐によって、fooに特定のメッセージを代入していき、それをhtmlに渡して値を表示させたいです。
component.tsでhoge
items: {
"price": 200,
"count": 5
},
{
"...
0
票
2
回答
5,771
閲覧数
Canvasで作った画像をカメラロールに保存する
スマホ向けアプリをhtml5で作っています。
アプリの中でCanvasを使って画像を作成していまして、その画像をiOSのカメラロールに保存する方法が分かりません。
(描写は出来ています)
お絵描きアプリと画像の保存処理の実装
こちらを参考に保存は出来ましたが、保存ディレクトリが希望の物になりません。
(このディレクトリだとサンドボックス内に保存されるので、見ることが出来ません)
...
1
票
1
回答
4,517
閲覧数
monaca Onsen UIでangular.moduleをするとエラーが起こる
monacaでOnsen UI Tabberを使用しています。
JsonでHTMLタグ入りの変数を$scopeし、ng-bind-htmlで表示しようとしていますが
ngSanitizeを読み込むために
var app=angular.module('app', ['ngSanitize']);//(1)
をすると
Error: [ng:areq] Argument '...
0
票
1
回答
137
閲覧数
AngularでProperty 'message' does not exist on type 'Observable<any>.というエラーが表示される
AngularのHttpclientModuleを使ってExpressからデータを取得して表示する処理を実装しています。
GETで受け取り値を表示する際に以下のエラーが出ます。
このエラーを解消するにはどうすればいいでしょうか?
Property 'id' does not exist on type 'number | Comment | (() => string) | (() =>...
0
票
1
回答
1,351
閲覧数
モーダル画面内の入力値が文字化けする(TOMCATによる文字化け)
AngulerJSで入力があるモーダル画面を作成したのですが
Inputタグの入力値をサーバで受け取ると文字化けしています。
この場合文字セットをどこで指定すればよいのでしょうか?
(なお、モーダル画面用のスクリプトにはmetaタグにて文字セットを設定しています)
<script type="text/ng-template" id="SeikyusakiInsert">
&...
0
票
1
回答
2,823
閲覧数
JavaScriptでcache bustingを自動化する方法
はじめまして。
色々調べていたのですが、煮詰まってしまい質問させていただきます。
Java8でSpringを使用して開発しております。
JSフレームワークはAngularJS(1系)です。
今回やりたいことはcache busting対策でHTML内の外部読み込みしている複数のCSS/JSなどに日付やバージョンなどのクエリー文字列を付けることってあると思うのですが、...
1
票
1
回答
106
閲覧数
blur-admin でスタイルが適用されない
https://akveo.github.io/blur-admin/articles/002-installation-guidelines/
これをビルドしてみたのですがスタイルが適用されません
実行したのはこれだけです
git clone https://github.com/akveo/blur-admin.git
cd blur-admin
npm install
rm ~/....
0
票
2
回答
760
閲覧数
AngularのNgForOfのNgとは何の略でしょうか?
AngularのNgForOfのNgとは何の略でしょうか?
NgForOf
1
票
1
回答
311
閲覧数
Fullcalendarのカルーセル遷移
Fullcalendarを使っています。
月表示で表示されている状態からゆっくり左か右へドラッグすると次(前)のカレンダーがフェードインしてくるような描画は出来るのでしょうか?Androidの標準カレンダーのような動きができないか検討しています。
1
票
2
回答
316
閲覧数
SPAの表示速度の目標について
AngularJSを用いた管理画面の開発をしています。
一般的なWebページの目標値などを聞くと、
1秒、遅くとも2秒は切りたい。などと耳にします。
これはSPAを作る際でも意識するべきでしょうか?
個人的には管理画面は読み込み後の動作が快適であれば、
最初の読み込みに時間がかかってしまっても問題ないと思うのですが。
目安とすべき時間や考え方などがあれば教えて下さい。
よろしくお願いします。
4
票
1
回答
1,262
閲覧数
Monaca + AngularJS のiOSアプリで、ツールバーの上に空白ができてしまう
Monaca を使ってアプリ開発しているのですが下の画像のようにツールバーの上に空白ができてしまいます。
画面 http://ryo110isa.main.jp/ios.png
Android の場合はこのようなことにはなりません。
いろいろやってみると、 AngularJS を使ったときだけ空白ができるようです。
ちなみに index.html は
<!DOCTYPE HTML&...
1
票
1
回答
421
閲覧数
<ons-tab>タブをタップした時のアニメーションを変更したい(カスタマイズ)
onsen uiで以下の機能を実装したいと考えています。
タブ切り替え時のアニメーションにons-navigatorの画面遷移時に設定できる"slide"のようなアニメーションでタブを切り替えたいと考えているのですが、ons-tabbarのオプションには"slide"が設定できないので他の方法で実装したいのですが、実装方法がわかりません。
上記実装をonsen ...
0
票
1
回答
593
閲覧数
angularJSのng-clickとng-styleを使った方法
angularJSについて質問です。
ng-repeartを使って、表示されたリストの中から項目をクリックすると背景色が変わるプログラムを作成したいと思っています。今回はangularJSのデータバインド機能を使って次のプログラムを実行させたいのですが上手くいきません。ng-repeartでループさせているlistには複数のキーと値が格納されています。今回は、...
0
票
1
回答
189
閲覧数
Angular Material で theme.dark() を効かせたい
以下を参考に、
背景やボタンが暗くなるのかな?と思い、試してみました。
Angular Material / Theming
Configuring a Theme
Specifying Dark Themes
https://goo.gl/W2SvuR
--
You can mark a theme as dark by calling theme.dark().
結果、なってないのですが、
...
2
票
1
回答
945
閲覧数
AngularJSでmousedownとtouchstartが発火しない
以下のコードでmousedownとtouchstartが発火しません。
touchmoveも発火したりしなかったりで安定しません。
何が原因でしょうか?
mouseupとtouchendは発火しています。
app.controller('Ctrl', ['$scope', '$resource', '$http', '$interval', '$swipe', '$location', ...
0
票
1
回答
244
閲覧数
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%...
2
票
2
回答
565
閲覧数
ニコニコ生放送のコミュニティidをログインせずに取得したい
Mashup Awards 10向け提供APIガイドを使用したWebアプリケーションを開発しています。
XMLHttpRequestを使用して、生放送をjsonで取得することは出来たのですが、取得できた内容にコミュニティid(co****)が存在しません。
# 例
$ curl -X POST -d '{"issuer":"test","reason":"ma10","query":"初音ミク"...
0
票
1
回答
742
閲覧数
AngularJSでデータ入力して、別のページにTodoリストのようにリスト追加する機能を作りたい
サンプルのOnsen UI TabbarにPage1.htmlは入力フォーム、Page2.htmlは入力した結果を出力する形式になっております。AngularJSでPage1上でテキスト入力させ、Page2にPage1で書いたテキストを表示させることはできましたが、Page1でテキスト入力し送信ボタンを押して、Page2にonsenUIのons-lazy-...
1
票
1
回答
535
閲覧数
Angular materialのダイアログでmd-dialog-actionsが上になってしまう。
Angular materialをのダイアログを下記のように書きました。しかし、一番下にある<md-dialog-actionsが1番上に表示されてしまいます。なぜでしょうか。
<md-dialog aria-label="Post Question" ng-clock>
<form>
<md-toolbar>
<div ...
0
票
1
回答
204
閲覧数
AngulerJSでのモーダル画面表示
AngulerJSとBootStrapを使用してモーダル画面を表示しようとしているのですが
$modal.openのところで
TypeError Cannot read property 'open' undifined
とエラーが出てしまいます。
原因はなんでしょうか?
var app = angular.module('app',['ui.bootstrap']);
//...
1
票
0
回答
113
閲覧数
AngularJSでファイルアップロードとクロスドメイン問題
AngularJSのajaxを用いて、ファイルのアップロードを行いたいのですが、色々検索してみたやり方だと、
headers:{"Content-type":undefined}
,transformRequest: null
というように、ヘッダーに「undefined」と指定すればよい、と記載されているサイトが多くありました。
ただ、AngularJSを使用しているのがスマホアプリで、...
2
票
0
回答
54
閲覧数
mapオペレータがimportできない
Angularのプロジェクトでmapオペレータをimportしているにもかかわらず、下記のエラーが表示されます。
error TS2552: Cannot find name 'map'. Did you mean 'Map'?
ソースコードは以下の通りです。
import { Injectable } from '@angular/core';
import { CanActivate, ...
0
票
1
回答
305
閲覧数
angular2以降のイベント補足について
angular2にて、[innerHTML]で埋め込んだaタグのクリックイベントを取得したいのですが、良い方法がありましたら教えて頂けると幸いです。イメージ的にはjqueryのイベント補足のような感じです。
$(document).on('click', '#id', function (event) {
// 処理
}
よろしくお願い致します。
1
票
3
回答
6,603
閲覧数
ONSEN UIのpopPage()で戻った場合に遷移前のデータを反映させたい
Monaca
ONSEN UI 1.2.2
AngularJS 1.3
タイトルだけだとわかりにくいと思いますが下記のような動作を想定しています。
・ページA(起点ページ)pageAController
フォームパーツなどがあり、ユーザーがデータを入力するページ。
検索ボタンを押すとページBへ進む。
・ページB(ページAからしかこない)pageBController
ページAから遷移され、...
0
票
0
回答
67
閲覧数
ngrx-json-apiの使い方
Angularを3日勉強しているものです。
プログラミンの基礎知識はあります。
Angular5系 + ngrxを利用したサンプルアプリケーションを作成しています。
その際、ngrx-json-apiというライブラリを利用するのですが
使い方がよくわかりません。
https://github.com/abdulhaq-e/ngrx-json-api
...
0
票
1
回答
1,206
閲覧数
AngularJSを利用してPHPを呼び出したい
今現在、AngularJSを利用してPHPを呼び出してMysqlに接続してHTMLで表示というものを作成しようとしていますが
どうもqueryの結果1件も抽出できてないようです
ソースを載せます
main.html
<!DOCTYPE html>
<html lang ="ja">
<head>
<title>...
0
票
1
回答
107
閲覧数
angularJSでコントロール間の操作について
angularJSで、あるコントローラーから他のコントローラー内にある特定の処理を実行させたいのですが、方法はあるのでしょうか?
例
HTML側
ng-clickでコントローラーAにあるsampleA()を呼び出し
↓
JS側
コントローラーAのsampleAからコントローラーBのsampleB()を実行
1
票
1
回答
635
閲覧数
アドレスバー直接入力に対するXSS脆弱性について
AngularベースのWebアプリケーションを作成していますが、セキュリティ診断サービスを受けたところ、URL末尾に「?'">alert(document.cookie)」を付与するとJavaScriptが解釈されて実行されてしまう脆弱性を指摘されましたが、いくつか疑問があります。
・そもそも、アプリケーションの対応で止めることが可能なのか?
・...
0
票
1
回答
162
閲覧数
controller内で$scopeを使わない方法
・質問
controller内でthisを使うをうまくいきません(下記)。なぜでしょうか。
// -------------------------------------------------
// Employeenumber
function empnumberController(employee, employeeFactory) {
this.empInstance = ...
0
票
1
回答
9,168
閲覧数
セキュリティポリシーが動作しない
前回の質問にて、cdvfileプロトコルを使いたいという事で一旦自己解決したのですが、これをAndroidで使おうとした際、別のエラーとなりました。
Monacaにある例のどおり、
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap:cdvfile:https://ssl....
0
票
1
回答
287
閲覧数
NCMBで、条件を指定して件数のカウントをしたい
NCMB(NIFTY Cloud mobile backend)のデータストアから、
条件を指定して件数を取得したいのですが、そのようなことは可能でしょうか。
具体的な例を以下に記載します。
name | date
-------------
A | 6/1
A | 6/2
A | 7/1
B | 6/1
上記のようなクラスがあった場合に、
[name] 毎に ...
0
票
1
回答
165
閲覧数
ons-list の特定行のみ、アイコンを表示したい
ons-listの特定行(1~3行目)のみアイコンを表示したいのですが、
どのようにすればよいでしょうか。
OnsenUI v2とAngularJS v1で開発しております。
ご教授のほど、よろしくお願い致します。
<ons-list>
<ons-list-item ng-repeat="data in dataList ">
&...
2
票
0
回答
393
閲覧数
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,305
閲覧数
NCMBデータストア 更新方法について
NCMB(nifty cloud mobile backend)で
オブジェクト更新方法が分からず困っております。
言語はJavaScriptです。(Monacaで開発しています)
取得・保存は問題なく出来ているのですが、更新が動作しません。
どこか誤っている箇所ございますでしょうか。ご教授の程よろしくお願い致します。
//tblhoge name = "test" のオブジェクトを"...
0
票
1
回答
415
閲覧数
ng test時のconfigureTestingModuleの定義について
ng testにてUnitTestの実行を試みておりますが、
各importやconfigureTestingModule()の定義をテスト対象が使っている子Component/Service/Module/etc...をいちいち定義しなおさなければならず、Testそのもの以外の負荷を億劫に感じております。
気持ち的にはTestで頻出する定義は一か所にまとめたり、AppModuleの@...
1
票
1
回答
219
閲覧数
AngularJS cdvfile プロトコルでバインドが使えない
Monacaを使ったアプリ作りに挑戦しています。
やりたいことは、cdvfile プロトコルでアプリ内サンドボックスの画像を表示しようとしています。
そこで、以下のようなソースがあるのですが、上部の直接指定した場合、問題なく表示出来ました。
次に、場所を動的に作成したかった為、バインドさせようと下部のように試してみたところ、画像が表示されませんでした。
これは仕様なのでしょうか?
...
-1
票
1
回答
311
閲覧数
angular 半角数字検出
angulerJS v1.5.8
■疑問点
入力値のバリデーションの実現方法について
■やりたいこと
ある文字列の中に半角数字が混在しないようにする
混在した場合は、エラーメッセージを表示する
■現在のHTML
<input required class="form-control" id="name" name="name" type="text" ng-model="...
0
票
1
回答
956
閲覧数
Web SQLで取得したデータをAngularJSを使って表示する方法について
Web SQLで取得したデータをAngularJSを使って表示することができず、困っております。
解決策をご存知の方、ご教授頂けないでしょうか。
↓ page1.html
<ons-page id="page1">
<div ng-controller="hoge_Controller">
<ons-list ng-repeat ="item in ...
1
票
0
回答
262
閲覧数
カメラで撮影してサーバーにアップロード
参考サイトを
参考にして、カメラで撮影してサーバーファイルをサーバーにアップロードするアプリと製作しています。
とりあえず、丸々コピーをして動かしてみましたが
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert('error...');
の部分でエラーでアップロード出来ていませんでした。
...
0
票
1
回答
608
閲覧数
$applyを使っても$scopeに反映されない
Onsenを使用してアプリを作っています。
以下の順番でリストを作ろうとしています。
1.外部にデータを作成
2.アプリ起動時にindexedDBでテーブルを作成し、外部データを格納
3.ページ読み込み時、indexedDBからデータを変数に格納し、$scopeへ引き渡す
4.ng-repeatにてリストを作成
3の別関数を呼び出しているため、$applyを使っているのですが、...
0
票
1
回答
343
閲覧数
【Angular2】setIntervalでコンポーネントの値変更チェックを行わない方法
画面のオートスクロール機能を作っているのですが、setIntervalで値変更チェックが行われる為、とても重くなってしまいます。
オートスクロールではコンポーネントの値などが変わる事はないので、変更チェックは不要です。
変更チェックを行わないsetInterval関数はないですか?
0
票
1
回答
102
閲覧数
隔離スコープのパラメータが同期されない
開発環境は
Angular1.5
AngularBootstrap
TypeScript
です。
AngularbootstrapのDatepickerPopupをディレクティブでラップしています。
カスタムディレクティブで展開したHTMLから、
ng-clickで隔離スコープのbooleanを切り替えるだけのスコープ内関数を呼び出します。
this.scope = {};
this....
0
票
2
回答
247
閲覧数
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
回答
664
閲覧数
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
回答
880
閲覧数
AngularJSにて、変数に$scopeを代入した際の質問
スコープの基礎的な指摘になるかもしれませんが、以下の事象が起きます。
app.controller("test", function($scope){
var options = $scope.nav.getCurrentPage().options;
$scope.item = options.item; // {str:'test',int:'000000'}
$...