[angularjs] タグが付いた質問
AngularJS (アンギュラー・ジェイエス)は、 オープンソースのJavascriptフレームワークです。MV*アーキテクチャを構築されるウェブアプリケーションの補助となり、Javascript のコードを減らすことが目的となっており、主にシングルページウェブアプリケーションの開発を対象としています。
176
質問
1
票
1
回答
445
閲覧数
MDLのmdl-textfield__errorを使ってバリデーションチェックしたら表示されない
MaterialDesignLite(以下、MDL)とangularJsを使って書いてます。MDLは1.04、angularは1.4.5です。
<form name="myForm" ng-submit="onsubmit()" novalidate>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--...
2
票
1
回答
255
閲覧数
<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>
<...
2
票
1
回答
1,205
閲覧数
【monaca】pushPageで遷移後、ons-gesture-detectorで取得できるイベントの挙動について
表題の件につきましてOnsenUI最小テンプレを例に記述いたします。
まずindex.htmlを以下のように設定し、
<ons-navigator var="myNavigator" page="page1.html" ng-controller="navControlle">
</ons-navigator>
page2.htmlを以下のように設定しています。
&...
3
票
1
回答
660
閲覧数
angular.jsのソートがうまくいかない
angular.jsをつかって値の並び替え(降順・昇順)ソートできるように設定していて、
つまづきました。
問題が起こっているページは以下になります。
http://testdayo.chottu.net/
テーブルの1番目の列の「並び替え」をクリックすると
その項目で昇順・降順でソートされるのですが、
一番高い桁の数値だけで並び替えされてしまいます。
(5,400、4,950、980、...
4
票
1
回答
1,097
閲覧数
Monaca InAppBrowserプラグインでWebView表示後、Web SQLで「no such table」エラーが発生する
MonacaでWeb SQLを使用したアプリを開発しましたが、Androidにおいて次の現象が解決できません。
※Cordova InAppBrowserプラグイン有効。
※Monacaデバッガー、リリースビルドで現象を確認。
下記の例を起動すると、page1で10件分のリストが表示されます。
page2に切り替え、「stackoverflow」ボタンをタップするとWebViewが表示されます。
...
4
票
1
回答
114
閲覧数
AngularGoogleMaps 以前表示したルートが残ったままになる
AngularGoogleMapsを使用して、出発地A,中継地B,目的地Cのルート表示を試みています。
しかし、以下の動作になり困っています。
Aを設定、Bを設定、Cを設定。実行→ルート表示される (これはOK)
Bを変更、A・Cはそのまま。実行→ルート表示されるが、1で表示したルートも表示されたままになる(NG。1のルート軌跡は消えてほしい)
どなたか解決方法がわかる方、...
1
票
2
回答
255
閲覧数
<ons-carousel>のメソッドについて教えて下さい。
ons-carouselのメソッドを幾つか試しています。
ons-carouselから以下の情報が取得できるのでしょうか
ons-carousel-item要素数
自ons-carousel-itemが最終かどうか(true,false)
もし上記情報の取得情報がご存知でしたら、ご教示のほどお願いいたします。
1
票
1
回答
2,113
閲覧数
OnsenUIのpopover内でng-clickが効かない?
AngularJS×OnsenUIで開発を行っています。
OnsenUIのpopover内にng-clickをセットしても、イベントとして検知されません。
(Plunkerにソースを置いています)
解決方法はありますでしょうか?
どなたかわかる方いらっしゃいましたら、ご教示いただけると幸いです。
plunkerにソースがあります。
何卒、よろしくお願い申し上げます。
---------- ...
1
票
1
回答
513
閲覧数
ONSEN UIでカルーセルのサブウィンドウを表示したい。
タイトルだけではイメージがつかないと思いますので画像を表示します。
実装イメージはインフォメーションアイコンをタップすると、画像のサブウィンドウを
表示し、カルーセルでアプリの操作説明を表示させようと考えております。
また、右上の×アイコンのタップでサブウィンドウが消えます。
ネイティブでは上記UIを実装したことがあるのですが、ONSEN UIで実装可能でしょうか?
...
2
票
2
回答
2,091
閲覧数
GoogleMapsAPIをJSON形式で取得 → ”Uncaught SyntaxError: Unexpected token : ”
AngularJSでGoogleMapAPIを用いてJSON形式のレスポンスを取得したいのですが、
コンソールに"Uncaught SyntaxError: Unexpected token :"とエラー表示されます。
レスポンスのJSONに":"が存在する為、このエラーが発生するのでしょうか?
解決方法はありますでしょうか?
どなたかわかる方いらっしゃいましたら、
ご教示いただけると幸いです。
...
1
票
0
回答
307
閲覧数
Webサービスでonsenuiを使いたいのですが、buildするとcssが適用されません。
monacaでアプリ制作が一段落ついたので、アプリと連携したブラウザで動くWebサービスを開発しようとしています。
Webサプリのひな形はyeoman-angularで作成し、
bower install onsenui --save
としonsenuiをダウンロードし、index.htmlでonsenui.jsとonsenui.cssとonsen-css-components....
-1
票
1
回答
860
閲覧数
cordovaで画像編集できるPluginまたはJSを教えて下さい。
タイトルの通りです。
cordova上で写真画像を編集できるPluginまたはJSを探しております。
以下の画像編集機能があるものが条件です。
画像切り取り
ペンでのペインティング
スタンプ貼り付け
画像のモザイク
画像のタグ付け
もしご存知でしたらご教授ください。
よろしくお願いいたします。
3
票
1
回答
630
閲覧数
TypeScript + AngularJSでのng-file-uploadモジュールの使用方法
TypeScriptとAngularJS + ng-file-uploadモジュールを使った開発の質問です。
現在、以下のリポジトリで開発を行っています。
http://github.com/aiya000/EndrollMate.git
こちらの動作確認は以下の手順で行えます。
$ git clone http://github.com/aiya000/EndrollMate.git &...
3
票
3
回答
970
閲覧数
<ons-tabbar>のメニューを変更するには
タイトルの通り、ons-tabbarのメニュー変更方法を探しております。
具体的には、A画面からB画面に遷移した際、ons-tabbar内のons-tabタグを
変更したいと思っております。
もしこの実装方法をご存知でしたら、ご教授のほどお願いいたします。
3
票
1
回答
1,412
閲覧数
<ons-tab>タップ時の画面遷移カスタマイズについて
ONSEN UIで以下の実装を実現しようとしています。
タブ内のあるタブをタップする。
タップ後、「ng-click="app.navi.pushPage('page.html', { animation : 'lift' });"」と同様にページを下から上にスライドして新ページを表示する。
新ページはを非表示にする。
新ページから前ページに戻るときはページを上から下にスライドして前ページに戻る。...
5
票
1
回答
1,318
閲覧数
AngularをTypeScriptで書いているのですが、サービスをcontrollerに注入して関数を呼び出したいのですがうまくいきません。
AngularをTypeScriptで書いているのですが、サービスをcontrollerに注入して関数を呼び出したいのですがうまくいきません。
期待する定義と動作は
○サービスとコントローラclassを分ける。
○DIされたコントローラからサービスに定義されている関数を呼ぶ(ここではadd()です。)
○console.logとして出力されればいいです。
※...
1
票
0
回答
322
閲覧数
ONSEN UIでカメラロールのようなUI実装は可能ですか?
ONSEN UIでカメラロールのようなUI実装事例を探しています。
見つからなかったので、擬似的に以下のコードで実現しています。
<ons-list-item class="item" ng-repeat="i in [1,2,3,4,5]">
<ons-row>
<...
5
票
1
回答
323
閲覧数
JavascriptからAngularjsを制御
JavascriptからAngularjsを制御したかったのですが、うまくいきませんでした。どのように変更したらよいでしょうか?
手動で「ま」を入力すると動くのですが、jsで「ま」を入力しても動きませんでした。
<!DOCTYPE html>
<html lang="ja" ng-app>
<head>
<meta charset="UTF-8"...
2
票
1
回答
235
閲覧数
This function is not registered in the lock list
monacaのテンプレートファイルをちょっと修正しただけでエラーが表示されてしまい、
原因が特定出来ず困っております。
エラー自体は無視しても、他は動作するようなので、無視することも可能ですが、
なるべくならエラー表示されないようにしたいと考えております。
解決のヒントを頂けませんでしょうか。
実行手順
1.クラウド上で「Onsen UI最小限のテンプレート」からプロジェクトを作成
2....
2
票
2
回答
824
閲覧数
AngularJS ui-routerを用いた共通モーダル(BOOTSTRAP)の定義について
BOOTSTRAPのmodalをui-routerで利用するとき、下記のように状態を定義して、$stateProvider#state()に登録しています。
var state = {
name: 'modala',
parent: 'home',
onEnter: function($modal, $state) {
modalInstance = $...
2
票
1
回答
95
閲覧数
herokuにGoとJSで作成したアプリをデプロイするには
サーバーサイドをGoで作成し、そのプロジェクトディレクトリの中にAngularJSとGruntを使って作成したフロントエンドの実装を書きました。そこで質問なのですが、GoのアプリをデプロイするときにGruntのタスクを走らせたりbowerやnpmのインストールをさせるということはできるのでしょうか、またできるとしてどうすればいいのでしょうか。
...
2
票
1
回答
822
閲覧数
AngularJSで1画面に複数のスクロールをいれられますか
AngularJSでルーティングはui routerを使用してダッシュボードのようなものを作成しています。そこで質問なのですが、1画面に複数のスクロール可能なリストを入れることはできるのでしょうか。例えば左のリストをクリックしたら、右のViewにあるリストの内容が変化するような実装をしたいです。可能であればやり方を教えて下さい。よろしくお願いします。
4
票
1
回答
2,551
閲覧数
ng-repeatで作ったcheckbox付リストで、チェックされた数を取得したい
お世話になります。
jsonのデータをng-repeatでcheckbox付のリストに表示させています。
checkboxにチェックを入れた際に下記コード内の
「<ここにチェックされた数をいれたい>」に
チェックされている数が動的に表示されるようにしたいと思っています。
(初期値0)
<html lang="ja" ng-app="MyApp">
<head>...
4
票
1
回答
453
閲覧数
AngularJSのバリデーションエラーを非表示にする
AngularJSは、バリデーションチェックでエラー表示する事ができますが
そのエラー表示を数秒後、自動的に非表示にする事ができるのでしょうか?
もし出来るのあれば方法を教えてください。
4
票
1
回答
7,851
閲覧数
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....
2
票
1
回答
2,446
閲覧数
AngularJSでdeleteがOPTIONSになって失敗する。
AngularJSを使用していて、以下のコードでサーバサイドAPIのデリートを呼び出したのですが、デリートできずになぜかメソッドがOPTIONSになってしまいます。
$scope.delete = function(video){
//delete
Video.delete({id: video.id});
};
...
4
票
1
回答
310
閲覧数
横方向に自動リサイズするinputのdirectiveをつくりたい
はじめまして。タイトルのとおりです。AngularJSをつかって横方向に自動リサイズするinputのdirectiveをつくっています。inputにテキストが入力され自動でinputが横方向にリサイズされる処理がわかりません。 また合わせて、inputの初期値のテキスト量に応じてページロード時にinputを自動でリサイズさせておきたいです(500pxをmax-widthにしたいです)。
...
3
票
1
回答
2,333
閲覧数
ng-file-uploadを使用した画像のアップロードについて
JavaScriptベースのフロントエンドアプリケーションとして AnuglarJS を使用して
サーバ側のデータを操作する為にバックエンドAPIを Rails で構築しているのですが、
ng-file-uploadを採用した画像のアップロードが上手く出来なくて困っています。
Shop(1) <-> Item(n)
1件のShopに複数のItemが紐付いている状態で、...
2
票
1
回答
770
閲覧数
angular-resourceを使うとonsenuiが動かない
Onsen UI 最小限のテンプレートに下記URLを参考にした検索を組み込みたいのですが
競合してしまっているのかonsenui、検索システムどちらかしか動きません。
http://www.walbrix.com/jp/blog/2014-01-angularjs-resource.html
<html lang="ja" ng-app="MyApp">
<head&...
2
票
1
回答
464
閲覧数
Enterキーで値がsubmitされるtextareaのdirective
はじめまして。質問させていただきます。現在、angularを採用したprojectで以下のような、textareaをdirectiveをつくり実装しています。ベーシックなtextareaとは異なり、値を入力してEnterキーを押すとformをsubmitさせる処理を与えたいと思っています。試行錯誤していますが解決できず困っています。inputでは文章がかなりはみ出てしまい、...
1
票
1
回答
2,617
閲覧数
AngularJSもしくはJavascriptでPopup windowを表示したい。
AngularJSで
$window.open('https://twitter.com/intent/tweet', 'ツイートする');
でPopup window(新しいWindow)を開いてツイートしたいのですが、新しいタブが開いてしまいます。
window.open()でも同様です。
Popup windowを新しく生成するにはどうすればいいのでしょうか。
0
票
1
回答
2,857
閲覧数
AngularJSでローカルにあるjsonを読み込みたい。
AngularJSで以下の様なローカルに存在するファイルを読み込みたいです。
color.json
[
{
"color": "'rgba(255, 23, 68, 0.2)'"
},
{
"color": "'rgba(245, 0, 87, 0.2)'"
},
{
"color": "'rgba(213, 0, 249, 0.2)'"
...
2
票
1
回答
522
閲覧数
onsen-ui で angular-translate を利用したい
お世話になります。
Cordova + onsen-ui + angular-js でアプリケーションを開発しています。
国際化対応のため、こちらのサイト(http://qiita.com/ukiuni@github/items/1d1b47e274ac204709c9) を参考に angular-translate を入れ込んだところ、以下のエラーメッセージが表示されてしまいます。
...
2
票
1
回答
66
閲覧数
ngResourceで保存されたid値をもとにeditページにredirectさせたい
ngResourceを使い、Rails側で構築したAPIを通して新しいarticleをDBに格納した後、URLに保存された新しいarticleのidを含むeditページにリダイレクトさせたいです。
/articles/new -> articles/[newで保存されたarticleのid]/edit
以下が現在のコードです。new.html.slim(articles#new)...
3
票
0
回答
151
閲覧数
ng-resourceでDBに保存後、すぐにeditページにredirectさせたい
自己解決できなかったのでこちらで質問させていただきます。
ng-resourceを使ってRailsで作ったAPIにアクセスし、ショップ(Shop)の作成、アイテム(Item)の作成/更新/削除を永続化できる機能を実装しています。1つのShopには複数のItemが紐付いており、Shopを作成すると作成されたidでItemのeditページにredirectさせたいです。
Shop(1) <-...
1
票
1
回答
366
閲覧数
ng-repeatで最後のリストにIDを追加する方法
リストの一番最後に自動スクロールをしたいと考えてます。ng-attr-idと$indexを使えばできそうなのですが、具体的にどんなコードを書けばいいかわかりません。アドバイスお願いします。
1
票
1
回答
301
閲覧数
herokuにAngularJSのアプリをNodeを使ってデプロイしたい。
以下の通りにpackage.jsonとweb.jsを記述しherokuにデプロイしましたが、以下のエラーでデプロイできません。
エラー内容
remote: -----> Building dependencies
remote: Pruning any extraneous modules
remote: Installing node modules (...
2
票
1
回答
1,275
閲覧数
Angularでフォームが送信された後、テキストボックスを空にしたい
タイトルの通りです。Angularを採用したフォームで、テキストボックスの値が送信されたらcontroller側で空にする処理を書いているのですが、ng-repeat内で思うように動作しなくて苦戦しているので質問させていただきました。
1つのshopの中にn個のitem_listがあり、そのなかに紐付く形で複数のitemが格納されているという前提です。
shop(1) -> ...
1
票
0
回答
185
閲覧数
AnglarJSでCookieの保存が遅延する。
https://docs.angularjs.org/api/ng/service/$http
このサイトを参考にしてCSRF対策をしたのですが、以下のコードで自動的にHeaderとして送られるX-XSRF-TOKENが以前のものになってしまいます。
$cookies['XSRF-TOKEN'] = data['token']; //ここでサーバから送られたトークンをクッキーに保存している。...
0
票
1
回答
759
閲覧数
ng-initを使った、bindingされた値のviewからcontrollerへの渡し方について
タイトルの通りです。ng-initを使った、bindingされた値のviewからcontrollerへの渡し方について苦戦しているので質問させていただきました。
1つのshopの中にn個のitem_listがあり、そのなかに紐付く形で複数のitemが格納されているという前提です。
shop(1) -> item_list(n) -> item(n)
このような状況のとき、...
1
票
1
回答
389
閲覧数
angularJSのCSRF対策をしたい
以下のサイトに書いてある通りにangularJSのCSRF対策をしたいと考えています。
https://docs.angularjs.org/api/ng/service/$http
そこで以下のサイトを参考にしてCookieにトークンを保存しようとしました。
https://code.angularjs.org/1.3.14/docs/api/ngCookies/service/$cookies
...
5
票
2
回答
1,162
閲覧数
monacaでAngularjsとOnsenUIを使ってリストを表示したい
ネットで見かけたサンプルを使わせていただいてアプリを開発していますが、どうにも上手く表示させれないので質問させて頂きます。
どうも画面のほうが先に描画されている気がします。
アプリ起動時は何も表示できなくてpreタグで表示している配列も空なのですが。
タブバーのtestボタンをタップすると表示されます。
list.htmlはなぜかコピペできなかったので手書き、...
1
票
2
回答
1,250
閲覧数
ラジオボタンを押すとすべての選択肢が変わってしまう。
AngularJSを使って以下のようにラジオボタンを動的に配置したのですが、1つのラジオボタンを押すとすべてのラジオボタンが選択状態になってしまい困っています。どこが間違っているのか教えて下さい。よろしくおねがいします。
271 $scope.satisfactions=[];
272 for(var i=1; i<6; i++){
273 $scope....
0
票
1
回答
111
閲覧数
Rails+AngularJSで、editablespanタグで囲まれた要素をinputタグではなくtextareaタグに置き換えたいです
詰まってしまって困っているので質問させてください;;
AngularJSで編集可能なフィールドをつくり、Todoリスト名とTodoの内容を更新できるようにしたく、Editableなライブラリとして、mkwidzinska/editablespan を採用しています。
editablespanタグで囲まれたテキストをクリックするとinputタグに置き換えられ変更可能になり、...
0
票
1
回答
361
閲覧数
monacaのonsenui のrangeタグの連動
angularjs と onsenui のrangeタグを使ってコントローラと連動させようとしていますが、抜粋しますと、html側で
<input type="range" class="range" max=100 ng-model="playtime" ng-change="rangeChange()">
と書いて、コントローラ側で
$scope.rangeChange = ...
1
票
1
回答
646
閲覧数
AnularJS $resource の取得値のresolveについて
$resourceを利用して、JSONに記述した設定値を取得するとき、
非同期であるため、$resourceの戻り値が解決されません。
$resourceの$primiseにはresolveも無いので、どのように解決しますか?
myApp.factory('prop', function($resource) {
return {
getSetting: function(key) {...
2
票
1
回答
358
閲覧数
ng-repeat中に前の要素と比較して表示の出し分けをしたい2
ng-repeat中に前の要素と比較して表示の出し分けをしたい
この質問と似たようなことで、日にちが変わったら(例:6/9から6/10へと日付を跨いだ時)リストに仕切りを入れたいのですが、うまくいかないのでアドバイスをどなたかお願いします。
上の回答では、
<div ng-repeat="item in items">
<div>{{items[$index-1]....
1
票
0
回答
191
閲覧数
onsenUIをbrowserifyでrequireするには?
onsenUIをbrowserifyで使うには、どのようにrequireすればよいのでしょうか?
ons = require 'onsenui'
上の記述だけでは、consoleに
Uncaught TypeError: Cannot read property 'documentElement' of undefined
というエラーが出ます。
onsenはbowerで入れました。
...
1
票
1
回答
555
閲覧数
AngularJS selectタグのディレクティブで未選択状態が最上位にならない
セレクトタグのスタイルや簡易的なチェックを共通化するため、ディレクティブにしました。
このとき、未選択状態を項目に入れるため、HTMLにoptionを追加しましたが、
未選択状態が一番上に着てほしいのに、順番が入れ替わってしまいます。
template html
<div>
<select ng-model="model" ng-options="item as ...
1
票
1
回答
276
閲覧数
AngularJSのui-routerでtilesのような振る舞いをしたい
AngularJSでui-routerを使用していますが、画面の構成をJavaのTilesのように制御したいです。
複数の画面機能が存在し、同様に複数の共通パーツ機能が存在します。
特定の画面機能でどの共通パーツを表示するかは、
JSONファイル等で管理したいです。
画面A,Bがあるときに、パーツCを各画面で利用する場合を考えます。
画面Aの$stateProvider#stateの設定で、...