[angularjs] タグが付いた質問
AngularJS (アンギュラー・ジェイエス)は、 オープンソースのJavascriptフレームワークです。MV*アーキテクチャを構築されるウェブアプリケーションの補助となり、Javascript のコードを減らすことが目的となっており、主にシングルページウェブアプリケーションの開発を対象としています。
176
質問
0
票
0
回答
46
閲覧数
angular 13でcsvファイルをアップロードする方法
angularの勉強をしています。
csvファイルを下記のソースコードでアップロードするように作成しましたが、
特に画面何も表示されず真っ白な状態です。
バージョンによって表示されないでしょうか。
参考URL
Angular Upload Readcsv | stackblitz
Read CSV and convert JSON Data in Angular
app.component.ts
/...
0
票
1
回答
190
閲覧数
AngularでjsonデータをforEachを使って値を取得
Angular(バージョン7)
以下のようにjson形式でitemsが用意されているとして、hoge()関数の条件分岐によって、fooに特定のメッセージを代入していき、それをhtmlに渡して値を表示させたいです。
component.tsでhoge
items: {
"price": 200,
"count": 5
},
{
"...
0
票
1
回答
151
閲覧数
AngularでProperty 'message' does not exist on type 'Observable<any>.というエラーが表示される
AngularのHttpclientModuleを使ってExpressからデータを取得して表示する処理を実装しています。
GETで受け取り値を表示する際に以下のエラーが出ます。
このエラーを解消するにはどうすればいいでしょうか?
Property 'id' does not exist on type 'number | Comment | (() => string) | (() =>...
1
票
1
回答
108
閲覧数
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
回答
852
閲覧数
AngularのNgForOfのNgとは何の略でしょうか?
AngularのNgForOfのNgとは何の略でしょうか?
NgForOf
1
票
0
回答
114
閲覧数
AngularJSでファイルアップロードとクロスドメイン問題
AngularJSのajaxを用いて、ファイルのアップロードを行いたいのですが、色々検索してみたやり方だと、
headers:{"Content-type":undefined}
,transformRequest: null
というように、ヘッダーに「undefined」と指定すればよい、と記載されているサイトが多くありました。
ただ、AngularJSを使用しているのがスマホアプリで、...
2
票
0
回答
55
閲覧数
mapオペレータがimportできない
Angularのプロジェクトでmapオペレータをimportしているにもかかわらず、下記のエラーが表示されます。
error TS2552: Cannot find name 'map'. Did you mean 'Map'?
ソースコードは以下の通りです。
import { Injectable } from '@angular/core';
import { CanActivate, ...
0
票
0
回答
67
閲覧数
ngrx-json-apiの使い方
Angularを3日勉強しているものです。
プログラミンの基礎知識はあります。
Angular5系 + ngrxを利用したサンプルアプリケーションを作成しています。
その際、ngrx-json-apiというライブラリを利用するのですが
使い方がよくわかりません。
https://github.com/abdulhaq-e/ngrx-json-api
...
0
票
1
回答
2,949
閲覧数
JavaScriptでcache bustingを自動化する方法
はじめまして。
色々調べていたのですが、煮詰まってしまい質問させていただきます。
Java8でSpringを使用して開発しております。
JSフレームワークはAngularJS(1系)です。
今回やりたいことはcache busting対策でHTML内の外部読み込みしている複数のCSS/JSなどに日付やバージョンなどのクエリー文字列を付けることってあると思うのですが、...
0
票
1
回答
465
閲覧数
ons-modalにパラメータを渡したい
monacaのonseneUIでモーダルを表示する時にパラメータを渡して、そのパラメータを表示するようにしたいのですが、うまくいきません。
公式リファレンスは読んだのですが、具体例がないのでよくわからないです。
パラメータの渡し方・取得方法を教えてください。
現在のコード
<ons-page>
<div ng-click="modal.show({num:1}...
0
票
1
回答
110
閲覧数
angularJSでコントロール間の操作について
angularJSで、あるコントローラーから他のコントローラー内にある特定の処理を実行させたいのですが、方法はあるのでしょうか?
例
HTML側
ng-clickでコントローラーAにあるsampleA()を呼び出し
↓
JS側
コントローラーAのsampleAからコントローラーBのsampleB()を実行
0
票
1
回答
601
閲覧数
angularJSのng-clickとng-styleを使った方法
angularJSについて質問です。
ng-repeartを使って、表示されたリストの中から項目をクリックすると背景色が変わるプログラムを作成したいと思っています。今回はangularJSのデータバインド機能を使って次のプログラムを実行させたいのですが上手くいきません。ng-repeartでループさせているlistには複数のキーと値が格納されています。今回は、...
1
票
1
回答
650
閲覧数
アドレスバー直接入力に対するXSS脆弱性について
AngularベースのWebアプリケーションを作成していますが、セキュリティ診断サービスを受けたところ、URL末尾に「?'">alert(document.cookie)」を付与するとJavaScriptが解釈されて実行されてしまう脆弱性を指摘されましたが、いくつか疑問があります。
・そもそも、アプリケーションの対応で止めることが可能なのか?
・...
0
票
1
回答
309
閲覧数
angular2以降のイベント補足について
angular2にて、[innerHTML]で埋め込んだaタグのクリックイベントを取得したいのですが、良い方法がありましたら教えて頂けると幸いです。イメージ的にはjqueryのイベント補足のような感じです。
$(document).on('click', '#id', function (event) {
// 処理
}
よろしくお願い致します。
0
票
1
回答
162
閲覧数
controller内で$scopeを使わない方法
・質問
controller内でthisを使うをうまくいきません(下記)。なぜでしょうか。
// -------------------------------------------------
// Employeenumber
function empnumberController(employee, employeeFactory) {
this.empInstance = ...
0
票
1
回答
9,629
閲覧数
セキュリティポリシーが動作しない
前回の質問にて、cdvfileプロトコルを使いたいという事で一旦自己解決したのですが、これをAndroidで使おうとした際、別のエラーとなりました。
Monacaにある例のどおり、
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap:cdvfile:https://ssl....
0
票
1
回答
288
閲覧数
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
回答
406
閲覧数
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,325
閲覧数
NCMBデータストア 更新方法について
NCMB(nifty cloud mobile backend)で
オブジェクト更新方法が分からず困っております。
言語はJavaScriptです。(Monacaで開発しています)
取得・保存は問題なく出来ているのですが、更新が動作しません。
どこか誤っている箇所ございますでしょうか。ご教授の程よろしくお願い致します。
//tblhoge name = "test" のオブジェクトを"...
1
票
1
回答
221
閲覧数
AngularJS cdvfile プロトコルでバインドが使えない
Monacaを使ったアプリ作りに挑戦しています。
やりたいことは、cdvfile プロトコルでアプリ内サンドボックスの画像を表示しようとしています。
そこで、以下のようなソースがあるのですが、上部の直接指定した場合、問題なく表示出来ました。
次に、場所を動的に作成したかった為、バインドさせようと下部のように試してみたところ、画像が表示されませんでした。
これは仕様なのでしょうか?
...
-1
票
1
回答
315
閲覧数
angular 半角数字検出
angulerJS v1.5.8
■疑問点
入力値のバリデーションの実現方法について
■やりたいこと
ある文字列の中に半角数字が混在しないようにする
混在した場合は、エラーメッセージを表示する
■現在のHTML
<input required class="form-control" id="name" name="name" type="text" ng-model="...
0
票
1
回答
418
閲覧数
ng test時のconfigureTestingModuleの定義について
ng testにてUnitTestの実行を試みておりますが、
各importやconfigureTestingModule()の定義をテスト対象が使っている子Component/Service/Module/etc...をいちいち定義しなおさなければならず、Testそのもの以外の負荷を億劫に感じております。
気持ち的にはTestで頻出する定義は一か所にまとめたり、AppModuleの@...
0
票
1
回答
1,376
閲覧数
モーダル画面内の入力値が文字化けする(TOMCATによる文字化け)
AngulerJSで入力があるモーダル画面を作成したのですが
Inputタグの入力値をサーバで受け取ると文字化けしています。
この場合文字セットをどこで指定すればよいのでしょうか?
(なお、モーダル画面用のスクリプトにはmetaタグにて文字セットを設定しています)
<script type="text/ng-template" id="SeikyusakiInsert">
&...
1
票
0
回答
265
閲覧数
カメラで撮影してサーバーにアップロード
参考サイトを
参考にして、カメラで撮影してサーバーファイルをサーバーにアップロードするアプリと製作しています。
とりあえず、丸々コピーをして動かしてみましたが
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert('error...');
の部分でエラーでアップロード出来ていませんでした。
...
1
票
1
回答
417
閲覧数
frameタグの中に、YouTubeのビデオIDが設定されているangular式を指定して動画再生したい
iframeタグの中に、YouTubeのビデオIDが設定されているangular式を指定して
動画再生したいのですが、可能でしょうか。
現状、直接的にビデオIDを指定する方法が分からなかったので、
仕方なくSelectBoxを使っております。
(SelectBoxでビデオIDを選択すると、選択したIDの動画が再生出来るようになっています)
※以下参照
これを、SelectBoxを使用せずに、...
0
票
1
回答
205
閲覧数
AngulerJSでのモーダル画面表示
AngulerJSとBootStrapを使用してモーダル画面を表示しようとしているのですが
$modal.openのところで
TypeError Cannot read property 'open' undifined
とエラーが出てしまいます。
原因はなんでしょうか?
var app = angular.module('app',['ui.bootstrap']);
//...
0
票
2
回答
5,859
閲覧数
Canvasで作った画像をカメラロールに保存する
スマホ向けアプリをhtml5で作っています。
アプリの中でCanvasを使って画像を作成していまして、その画像をiOSのカメラロールに保存する方法が分かりません。
(描写は出来ています)
お絵描きアプリと画像の保存処理の実装
こちらを参考に保存は出来ましたが、保存ディレクトリが希望の物になりません。
(このディレクトリだとサンドボックス内に保存されるので、見ることが出来ません)
...
0
票
2
回答
252
閲覧数
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
回答
665
閲覧数
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
回答
102
閲覧数
隔離スコープのパラメータが同期されない
開発環境は
Angular1.5
AngularBootstrap
TypeScript
です。
AngularbootstrapのDatepickerPopupをディレクティブでラップしています。
カスタムディレクティブで展開したHTMLから、
ng-clickで隔離スコープのbooleanを切り替えるだけのスコープ内関数を呼び出します。
this.scope = {};
this....
0
票
1
回答
886
閲覧数
AngularJSにて、変数に$scopeを代入した際の質問
スコープの基礎的な指摘になるかもしれませんが、以下の事象が起きます。
app.controller("test", function($scope){
var options = $scope.nav.getCurrentPage().options;
$scope.item = options.item; // {str:'test',int:'000000'}
$...
1
票
0
回答
121
閲覧数
MonacaアプリのiCloudへのバックアップ
単純な質問なのですが、Monacaで作ったアプリはiCloudでバックアップ可能とありますが、どのデータをバックアップするのでしょうか?
Localstrage内にある、WEB SQLやIndexedDBにあたるのでしょうか?
0
票
1
回答
963
閲覧数
Web SQLで取得したデータをAngularJSを使って表示する方法について
Web SQLで取得したデータをAngularJSを使って表示することができず、困っております。
解決策をご存知の方、ご教授頂けないでしょうか。
↓ page1.html
<ons-page id="page1">
<div ng-controller="hoge_Controller">
<ons-list ng-repeat ="item in ...
0
票
1
回答
92
閲覧数
angularJsのコントローラに値を追加したい
AngularJSのループとフィルターを使って、テーブルを出力しています。
そのテーブルに表示後から値を追加したいのですが、どのように追加すればいいかわかりません。
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<script ...
0
票
1
回答
611
閲覧数
$applyを使っても$scopeに反映されない
Onsenを使用してアプリを作っています。
以下の順番でリストを作ろうとしています。
1.外部にデータを作成
2.アプリ起動時にindexedDBでテーブルを作成し、外部データを格納
3.ページ読み込み時、indexedDBからデータを変数に格納し、$scopeへ引き渡す
4.ng-repeatにてリストを作成
3の別関数を呼び出しているため、$applyを使っているのですが、...
0
票
1
回答
531
閲覧数
Angular2×OnsenUI2 ons-tabのsetActiveTabの使い方
onsenUIとAngularjs2を使用しています。
ons-tabのメソッドのsetActiveTabを使用したいのですが使用方法がわかりません。どのように使うのでしょうか?
コードがこちらです。
@Component({
selector: 'ons-page',
template: `
<ons-tabbar #tabbar>
<ons-tab [...
0
票
1
回答
343
閲覧数
【Angular2】setIntervalでコンポーネントの値変更チェックを行わない方法
画面のオートスクロール機能を作っているのですが、setIntervalで値変更チェックが行われる為、とても重くなってしまいます。
オートスクロールではコンポーネントの値などが変わる事はないので、変更チェックは不要です。
変更チェックを行わないsetInterval関数はないですか?
1
票
1
回答
312
閲覧数
Fullcalendarのカルーセル遷移
Fullcalendarを使っています。
月表示で表示されている状態からゆっくり左か右へドラッグすると次(前)のカレンダーがフェードインしてくるような描画は出来るのでしょうか?Androidの標準カレンダーのような動きができないか検討しています。
4
票
0
回答
280
閲覧数
webpackで結合したファイルのサイズが6MBを超えてしまいます
webpack/es2015で開発をしているのですが、結合したファイルのサイズが6MBを超えてしまいます。
angular-materialのimportを外すと3MBほど減るのですが、それにしても大きすぎるのでなんとかしたいのですが、そもそもそのくらいのサイズになるのは仕方がないのでしょうか?
src
import 'babel-polyfill';
import angular from ...
0
票
1
回答
248
閲覧数
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%...
0
票
0
回答
281
閲覧数
Android端末でOnsenUI2.0.0のアプリ実行時にエラーが出てしまう
こんにちは、先日リリースされたOnsenUI2.0.0(正式版)を使用してアプリを作成したいと考えています。
しかし、OnsenUI2.0.0を使用するとAndroid端末でエラーメッセージが表示されてしまいます。
エラー内容が「onsenui.min.js」のpromiseがcatchされていないということはわかりましたが、どう対処してよいか分かりません。
...
1
票
1
回答
862
閲覧数
OnsenUI2.0で、タブ表示(ons-tabbar)した時のAngularJSのコントローラのふるまいについて
OnsenUIを1系から2.0への移行を検討しています。
angularJSは1.5を使用しています。
下記のons-tabで設定している各ページにコントローラを適用しています。
OnsenUI 1系では、それぞれのタブに割り当てられたページを開くと、それに対応するコントローラのJavascriptが実行されていましたが、
OnsenUI 2.0では、最初のページを開くと、...
0
票
0
回答
133
閲覧数
htaccessの設定について
htaccessの設定(書き方)についてご教授ください。
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ index.php [QSA,...
-1
票
1
回答
743
閲覧数
monaca「RSSリーダー」アプリに記事画像も表示したい。
「monaca」と「nifty mobile backend」を使って、RSSリーダーアプリを作成しています。
monacaのドキュメントにあるサンプルアプリ『RSSリーダー』を参考にして作っているのですが、記事元の画像(WordPressで言うところのアイキャッチ画像)も表示したいと思っています。
ドキュメントは「タイトル・日付・概要文」のみの取得・表示となっており、...
1
票
1
回答
239
閲覧数
monaca で ui.sortable が動きません
monaca + angularjsを使って、移動可能なタブをもったアプリを作成したいと思います。
monacaの最小限のテンプレートを使って、以下のページを参考に簡単なテストをしました。
http://qiita.com/nogson/items/1769ec56f3c652a74dc5
HTML
<body ng-app="App" ng-controller="AppCtrl"&...
1
票
1
回答
545
閲覧数
InAppBrowserでカスタムヘッダを付加する方法
InAppBrowserで、
window.open('http://example.jp/', '_blank', 'location=yes');
などとする時、httpリクエストヘッダに
x-sample: abcd
などのカスタムヘッダを付加する方法は、何かありますでしょうか?
cordovaのバージョンは6.2です。
何卒、よろしくお願いいたします。
0
票
1
回答
227
閲覧数
monaca Onsen UI で setActiveCarouselItemIndex() エラーがでます。
monaca+onsen uiで、アプリの勉強をしております。
monaca は、「Onsen UI V2 Angular 1 Minimum」を選択し、新規プロジェクトを作成しました。
参考ページとして
「Onsen UIを使ってスワイプで切り替えられるタブを実装する」
http://cly7796.net/wp/javascript/to-implement-a-tab-to-be-...
1
票
0
回答
106
閲覧数
ons-pull-hookを使った際のTypeError: Cannot read property '0' of nullのエラーについて
ons-pull-hookを実装したページでTypeError: Cannot read property '0' of nullのエラーが出ます。
ons-pull-hookを実装したページからpushPageで画面遷移し、
popPageで元のページへ戻り、もう一度pushPageで画面遷移すると、下記のようなエラーが出ます。
いろいろ試し上記の原因に辿り着いた所存です。
...
6
票
1
回答
217
閲覧数
$scope を別名に変更すると動作しないのはなぜですか?
はじめまして。
AngularJSを試してみようと思い、WEB上のサンプルを見ながら
以下のようなコーディングを行い、動作を確認しました。(HTML側ソースは割愛します)
var app = angular.module('myApp',[]);
app.controller('myController',function($scope){
...