[angularjs] タグが付いた質問

AngularJS (アンギュラー・ジェイエス)は、 オープンソースのJavascriptフレームワークです。MV*アーキテクチャを構築されるウェブアプリケーションの補助となり、Javascript のコードを減らすことが目的となっており、主にシングルページウェブアプリケーションの開発を対象としています。

絞り込み
並べ替え
タグ付けされた
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--...
user avatar
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> <...
user avatar
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を以下のように設定しています。 &...
hanzo's user avatar
  • 23
3
1 回答
660 閲覧数

angular.jsのソートがうまくいかない

angular.jsをつかって値の並び替え(降順・昇順)ソートできるように設定していて、 つまづきました。 問題が起こっているページは以下になります。 http://testdayo.chottu.net/ テーブルの1番目の列の「並び替え」をクリックすると その項目で昇順・降順でソートされるのですが、 一番高い桁の数値だけで並び替えされてしまいます。 (5,400、4,950、980、...
weezar0618's user avatar
4
1 回答
1,097 閲覧数

Monaca InAppBrowserプラグインでWebView表示後、Web SQLで「no such table」エラーが発生する

MonacaでWeb SQLを使用したアプリを開発しましたが、Androidにおいて次の現象が解決できません。 ※Cordova InAppBrowserプラグイン有効。 ※Monacaデバッガー、リリースビルドで現象を確認。 下記の例を起動すると、page1で10件分のリストが表示されます。 page2に切り替え、「stackoverflow」ボタンをタップするとWebViewが表示されます。 ...
otak-lab's user avatar
  • 1,438
4
1 回答
114 閲覧数

AngularGoogleMaps 以前表示したルートが残ったままになる

AngularGoogleMapsを使用して、出発地A,中継地B,目的地Cのルート表示を試みています。 しかし、以下の動作になり困っています。 Aを設定、Bを設定、Cを設定。実行→ルート表示される (これはOK) Bを変更、A・Cはそのまま。実行→ルート表示されるが、1で表示したルートも表示されたままになる(NG。1のルート軌跡は消えてほしい) どなたか解決方法がわかる方、...
y.yamaguchi's user avatar
1
2 回答
255 閲覧数

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

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

OnsenUIのpopover内でng-clickが効かない?

AngularJS×OnsenUIで開発を行っています。 OnsenUIのpopover内にng-clickをセットしても、イベントとして検知されません。 (Plunkerにソースを置いています) 解決方法はありますでしょうか? どなたかわかる方いらっしゃいましたら、ご教示いただけると幸いです。 plunkerにソースがあります。 何卒、よろしくお願い申し上げます。 ---------- ...
y.yamaguchi's user avatar
1
1 回答
513 閲覧数

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

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

GoogleMapsAPIをJSON形式で取得 → ”Uncaught SyntaxError: Unexpected token : ”

AngularJSでGoogleMapAPIを用いてJSON形式のレスポンスを取得したいのですが、 コンソールに"Uncaught SyntaxError: Unexpected token :"とエラー表示されます。 レスポンスのJSONに":"が存在する為、このエラーが発生するのでしょうか? 解決方法はありますでしょうか? どなたかわかる方いらっしゃいましたら、 ご教示いただけると幸いです。 ...
y.yamaguchi's user avatar
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....
oxygen8's user avatar
  • 336
-1
1 回答
860 閲覧数

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

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

<ons-tabbar>のメニューを変更するには

タイトルの通り、ons-tabbarのメニュー変更方法を探しております。 具体的には、A画面からB画面に遷移した際、ons-tabbar内のons-tabタグを 変更したいと思っております。 もしこの実装方法をご存知でしたら、ご教授のほどお願いいたします。
Akinobu Yamamoto's user avatar
3
1 回答
1,412 閲覧数

<ons-tab>タップ時の画面遷移カスタマイズについて

ONSEN UIで以下の実装を実現しようとしています。 タブ内のあるタブをタップする。 タップ後、「ng-click="app.navi.pushPage('page.html', { animation : 'lift' });"」と同様にページを下から上にスライドして新ページを表示する。 新ページはを非表示にする。 新ページから前ページに戻るときはページを上から下にスライドして前ページに戻る。...
Akinobu Yamamoto's user avatar
5
1 回答
1,318 閲覧数

AngularをTypeScriptで書いているのですが、サービスをcontrollerに注入して関数を呼び出したいのですがうまくいきません。

AngularをTypeScriptで書いているのですが、サービスをcontrollerに注入して関数を呼び出したいのですがうまくいきません。 期待する定義と動作は ○サービスとコントローラclassを分ける。 ○DIされたコントローラからサービスに定義されている関数を呼ぶ(ここではadd()です。) ○console.logとして出力されればいいです。 ※...
front-end-engnier's user avatar
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> <...
Akinobu Yamamoto'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
1 回答
235 閲覧数

This function is not registered in the lock list

monacaのテンプレートファイルをちょっと修正しただけでエラーが表示されてしまい、 原因が特定出来ず困っております。 エラー自体は無視しても、他は動作するようなので、無視することも可能ですが、 なるべくならエラー表示されないようにしたいと考えております。 解決のヒントを頂けませんでしょうか。 実行手順 1.クラウド上で「Onsen UI最小限のテンプレート」からプロジェクトを作成 2....
ishimori's user avatar
2
2 回答
824 閲覧数

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 回答
95 閲覧数

herokuにGoとJSで作成したアプリをデプロイするには

サーバーサイドをGoで作成し、そのプロジェクトディレクトリの中にAngularJSとGruntを使って作成したフロントエンドの実装を書きました。そこで質問なのですが、GoのアプリをデプロイするときにGruntのタスクを走らせたりbowerやnpmのインストールをさせるということはできるのでしょうか、またできるとしてどうすればいいのでしょうか。 ...
StackDestroyer's user avatar
2
1 回答
822 閲覧数

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

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

ng-repeatで作ったcheckbox付リストで、チェックされた数を取得したい

お世話になります。 jsonのデータをng-repeatでcheckbox付のリストに表示させています。 checkboxにチェックを入れた際に下記コード内の 「<ここにチェックされた数をいれたい>」に チェックされている数が動的に表示されるようにしたいと思っています。 (初期値0) <html lang="ja" ng-app="MyApp"> <head>...
wai8410's user avatar
  • 61
4
1 回答
453 閲覧数

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

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

AngularJSでdeleteがOPTIONSになって失敗する。

AngularJSを使用していて、以下のコードでサーバサイドAPIのデリートを呼び出したのですが、デリートできずになぜかメソッドがOPTIONSになってしまいます。 $scope.delete = function(video){ //delete Video.delete({id: video.id}); }; ...
StackDestroyer's user avatar
4
1 回答
310 閲覧数

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

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

ng-file-uploadを使用した画像のアップロードについて

JavaScriptベースのフロントエンドアプリケーションとして AnuglarJS を使用して サーバ側のデータを操作する為にバックエンドAPIを Rails で構築しているのですが、 ng-file-uploadを採用した画像のアップロードが上手く出来なくて困っています。 Shop(1) <-> Item(n) 1件のShopに複数のItemが紐付いている状態で、...
imachan0322's user avatar
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&...
wai8410's user avatar
  • 61
2
1 回答
464 閲覧数

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

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

AngularJSもしくはJavascriptでPopup windowを表示したい。

AngularJSで $window.open('https://twitter.com/intent/tweet', 'ツイートする'); でPopup window(新しいWindow)を開いてツイートしたいのですが、新しいタブが開いてしまいます。 window.open()でも同様です。 Popup windowを新しく生成するにはどうすればいいのでしょうか。
StackDestroyer's user avatar
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)'" ...
StackDestroyer's user avatar
2
1 回答
522 閲覧数

onsen-ui で angular-translate を利用したい

お世話になります。 Cordova + onsen-ui + angular-js でアプリケーションを開発しています。 国際化対応のため、こちらのサイト(http://qiita.com/ukiuni@github/items/1d1b47e274ac204709c9) を参考に angular-translate を入れ込んだところ、以下のエラーメッセージが表示されてしまいます。 ...
Suzukin's user avatar
  • 21
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)...
aoshima.natsuki's user avatar
3
0 回答
151 閲覧数

ng-resourceでDBに保存後、すぐにeditページにredirectさせたい

自己解決できなかったのでこちらで質問させていただきます。 ng-resourceを使ってRailsで作ったAPIにアクセスし、ショップ(Shop)の作成、アイテム(Item)の作成/更新/削除を永続化できる機能を実装しています。1つのShopには複数のItemが紐付いており、Shopを作成すると作成されたidでItemのeditページにredirectさせたいです。 Shop(1) <-...
farve135's user avatar
1
1 回答
366 閲覧数

ng-repeatで最後のリストにIDを追加する方法

リストの一番最後に自動スクロールをしたいと考えてます。ng-attr-idと$indexを使えばできそうなのですが、具体的にどんなコードを書けばいいかわかりません。アドバイスお願いします。
oxygen8's user avatar
  • 336
1
1 回答
301 閲覧数

herokuにAngularJSのアプリをNodeを使ってデプロイしたい。

以下の通りにpackage.jsonとweb.jsを記述しherokuにデプロイしましたが、以下のエラーでデプロイできません。 エラー内容 remote: -----> Building dependencies remote: Pruning any extraneous modules remote: Installing node modules (...
StackDestroyer's user avatar
2
1 回答
1,275 閲覧数

Angularでフォームが送信された後、テキストボックスを空にしたい

タイトルの通りです。Angularを採用したフォームで、テキストボックスの値が送信されたらcontroller側で空にする処理を書いているのですが、ng-repeat内で思うように動作しなくて苦戦しているので質問させていただきました。 1つのshopの中にn個のitem_listがあり、そのなかに紐付く形で複数のitemが格納されているという前提です。 shop(1) -> ...
farve135's user avatar
1
0 回答
185 閲覧数

AnglarJSでCookieの保存が遅延する。

https://docs.angularjs.org/api/ng/service/$http このサイトを参考にしてCSRF対策をしたのですが、以下のコードで自動的にHeaderとして送られるX-XSRF-TOKENが以前のものになってしまいます。 $cookies['XSRF-TOKEN'] = data['token']; //ここでサーバから送られたトークンをクッキーに保存している。...
StackDestroyer's user avatar
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) このような状況のとき、...
farve135's user avatar
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 ...
StackDestroyer's user avatar
5
2 回答
1,162 閲覧数

monacaでAngularjsとOnsenUIを使ってリストを表示したい

ネットで見かけたサンプルを使わせていただいてアプリを開発していますが、どうにも上手く表示させれないので質問させて頂きます。 どうも画面のほうが先に描画されている気がします。 アプリ起動時は何も表示できなくてpreタグで表示している配列も空なのですが。 タブバーのtestボタンをタップすると表示されます。 list.htmlはなぜかコピペできなかったので手書き、...
たまねぎ's user avatar
1
2 回答
1,250 閲覧数

ラジオボタンを押すとすべての選択肢が変わってしまう。

AngularJSを使って以下のようにラジオボタンを動的に配置したのですが、1つのラジオボタンを押すとすべてのラジオボタンが選択状態になってしまい困っています。どこが間違っているのか教えて下さい。よろしくおねがいします。 271 $scope.satisfactions=[]; 272 for(var i=1; i<6; i++){ 273 $scope....
StackDestroyer's user avatar
0
1 回答
111 閲覧数

Rails+AngularJSで、editablespanタグで囲まれた要素をinputタグではなくtextareaタグに置き換えたいです

詰まってしまって困っているので質問させてください;; AngularJSで編集可能なフィールドをつくり、Todoリスト名とTodoの内容を更新できるようにしたく、Editableなライブラリとして、mkwidzinska/editablespan を採用しています。 editablespanタグで囲まれたテキストをクリックするとinputタグに置き換えられ変更可能になり、...
imachan0322's user avatar
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 = ...
nagnag's user avatar
  • 1
1
1 回答
646 閲覧数

AnularJS $resource の取得値のresolveについて

$resourceを利用して、JSONに記述した設定値を取得するとき、 非同期であるため、$resourceの戻り値が解決されません。 $resourceの$primiseにはresolveも無いので、どのように解決しますか? myApp.factory('prop', function($resource) { return { getSetting: function(key) {...
dayo's user avatar
  • 55
2
1 回答
358 閲覧数

ng-repeat中に前の要素と比較して表示の出し分けをしたい2

ng-repeat中に前の要素と比較して表示の出し分けをしたい この質問と似たようなことで、日にちが変わったら(例:6/9から6/10へと日付を跨いだ時)リストに仕切りを入れたいのですが、うまくいかないのでアドバイスをどなたかお願いします。 上の回答では、 <div ng-repeat="item in items"> <div>{{items[$index-1]....
oxygen8's user avatar
  • 336
1
0 回答
191 閲覧数

onsenUIをbrowserifyでrequireするには?

onsenUIをbrowserifyで使うには、どのようにrequireすればよいのでしょうか? ons = require 'onsenui' 上の記述だけでは、consoleに Uncaught TypeError: Cannot read property 'documentElement' of undefined というエラーが出ます。 onsenはbowerで入れました。 ...
taxi's user avatar
  • 11
1
1 回答
555 閲覧数

AngularJS selectタグのディレクティブで未選択状態が最上位にならない

セレクトタグのスタイルや簡易的なチェックを共通化するため、ディレクティブにしました。 このとき、未選択状態を項目に入れるため、HTMLにoptionを追加しましたが、 未選択状態が一番上に着てほしいのに、順番が入れ替わってしまいます。 template html <div> <select ng-model="model" ng-options="item as ...
dayo's user avatar
  • 55
1
1 回答
276 閲覧数

AngularJSのui-routerでtilesのような振る舞いをしたい

AngularJSでui-routerを使用していますが、画面の構成をJavaのTilesのように制御したいです。 複数の画面機能が存在し、同様に複数の共通パーツ機能が存在します。 特定の画面機能でどの共通パーツを表示するかは、 JSONファイル等で管理したいです。 画面A,Bがあるときに、パーツCを各画面で利用する場合を考えます。 画面Aの$stateProvider#stateの設定で、...
dayo's user avatar
  • 55