タグ付けされた質問 「angularjs」

オープンソースのJavaScriptフレームワークであるAngularJS(1.x)に関する質問に使用します。Angular 2以降のバージョンではこのタグを使用しないでください。代わりに、[angular]タグを使用してください。

14
AngularJSでCSSスタイルを条件付きで適用するにはどうすればよいですか?
Q1。メインの「削除」ボタンが押される前に、ユーザーが削除対象としてマークした各「アイテム」の外観を変更したいとします。(この即時の視覚的フィードバックにより、ことわざの「本当によろしいですか?」ダイアログボックスが不要になります。)ユーザーはチェックボックスをオンにして、削除するアイテムを示します。チェックボックスがオフの場合、そのアイテムは通常の外観に戻るはずです。 CSSスタイルを適用または削除する最良の方法は何ですか? Q2。各ユーザーが自分のサイトの表示方法をパーソナライズできるようにしたいとします。たとえば、フォントサイズの固定セットから選択し、ユーザー定義可能な前景色と背景色などを許可します。 ユーザーが選択/入力するCSSスタイルを適用する最良の方法は何ですか?
309 css  angularjs 

3
認証とセッション管理のためのSPAのベストプラクティス
Angular、Ember、Reactなどのフレームワークを使用してSPAスタイルのアプリケーションを構築する場合、認証とセッション管理のベストプラクティスは何だと思いますか?問題への取り組みを検討する方法はいくつか考えられます。 APIとUIのオリジンドメインが同じであると想定して、通常のWebアプリケーションでの認証と同じように扱います。 これには、セッションCookie、サーバー側セッションストレージ、およびおそらく認証済みWeb UIがヒットして現在のユーザー情報を取得し、パーソナライゼーションやクライアント側の役割/機能の決定に役立つ可能性があるいくつかのセッションAPIエンドポイントが含まれる可能性があります。もちろん、サーバーは引き続きデータへのアクセスを保護するルールを適用し、UIはこの情報を使用してエクスペリエンスをカスタマイズします。 パブリックAPIを使用するサードパーティのクライアントと同様に扱い、OAuthと同様のトークンシステムで認証します。このトークンメカニズムは、サーバーAPIに対して行われたすべてのリクエストを認証するためにクライアントUIによって使用されます。 私はあまり専門家ではありませんが、ほとんどの場合、#1で完全に十分ですが、経験豊富な意見をいくつか聞きたいです。

26
Angular JSでブートストラップnavbarアクティブクラスを設定するにはどうすればよいですか?
アイテムのブートストラップにナビゲーションバーがある場合 Home | About | Contact 各メニュー項目がアクティブなときに、それらのアクティブクラスをどのように設定しますか?つまりclass="active"、角度ルートが #/ 家のために #/about アバウトページについて #/contact お問い合わせページ


28
使用しているAngularのバージョンを確認するにはどうすればよいですか?
使用しているAngularのバージョンを確認するにはどうすればよいですか? 私が試してみました: angular --version angular --v angular -version angular -v しかし得る -bash: angular: command not found 私yeoman --versionは私が使っていることを知っています0.9.6 しかし、どのようにangularjsバージョンを取得しますか?
301 angularjs  angular 

13
AngularJSを使用してページ全体を再読み込みまたは再レンダリングする方法
いくつかのユーザーコンテキストに基づいてページ全体をレンダリングし、いくつかの$http要求を行った後、ユーザーがコンテキストを切り替えてすべてを再度レンダリングできるようにしたい(すべての$http要求を再送信するなど)。ユーザーを別の場所にリダイレクトするだけであれば、物事は適切に機能します。 $scope.on_impersonate_success = function(response) { //$window.location.reload(); // This cancels any current request $location.path('/'); // This works as expected, if path != current_path }; $scope.impersonate = function(username) { return auth.impersonate(username) .then($scope.on_impersonate_success, $scope.on_auth_failed); }; を使用すると、応答を待機しているリクエストの$window.location.reload()一部がキャンセルされるため、使用できません。また、ハッキングも機能しません(何も起こりません)。$httpauth.impersonate(username)$location.path($location.path()) 手動ですべてのリクエストを再度発行せずにページを再レンダリングする別の方法はありますか?

7
angular.jsがドキュメントをコンパイル/補間する前に二重中括弧表記が一時的に表示されないようにします
ロードする画像/スクリプトの数が多い場合、IEの主な問題のようです。{{stringExpression}}マークアップ内のリテラルが表示され、角度のコンパイル/補間が完了すると消えるかなりの時間がある可能性があります。ドキュメント。 これが発生する一般的な理由はありますか?これは、一般的に何か間違っていることを示していますか?これを防ぐ既知の方法はありますか?
298 angularjs 

6
複数の引数を使用してAngular.jsフィルターを呼び出すにはどうすればよいですか?
ドキュメントから、次のような日付などのフィルターを呼び出すことができます: {{ myDateInScope | date: 'yyyy-MM-dd' }} ここで、日付は1つの引数を取るフィルターです。 テンプレートとJavaScriptコードの両方から、より多くのパラメーターを持つフィルターを呼び出す構文は何ですか?
297 angularjs 

13
AngularJSディレクティブで定義されたメソッドを呼び出す方法は?
私はディレクティブを持っています、これがコードです: .directive('map', function() { return { restrict: 'E', replace: true, template: '<div></div>', link: function($scope, element, attrs) { var center = new google.maps.LatLng(50.1, 14.4); $scope.map_options = { zoom: 14, center: center, mapTypeId: google.maps.MapTypeId.ROADMAP }; // create map var map = new google.maps.Map(document.getElementById(attrs.id), $scope.map_options); var dirService= new google.maps.DirectionsService(); var dirRenderer= new google.maps.DirectionsRenderer() …

13
AngularJSで属性を条件付きで適用する最良の方法は何ですか?
スコープのブール変数に基づいて、たとえば「contenteditable」を要素に追加できるようにする必要があります。 使用例: <h1 attrs="{'contenteditable=\"true\"': editMode}">{{content.title}}</h1> $scope.editModeに設定されてtrueいる場合、要素にcontenteditable = trueが追加されます。このng-classのような属性動作を実装する簡単な方法はありますか?ディレクティブを書いて、そうでない場合は共有することを検討しています。 編集: 私が提案したattrsディレクティブとng-bind-attrsの間にいくつかの類似点があるように見えますが、それは1.0.0.rc3で削除されました、なぜそうですか?

29
AngularJSを使用したファイルのアップロード
これが私のHTMLフォームです: <form name="myForm" ng-submit=""> <input ng-model='file' type="file"/> <input type="submit" value='Submit'/> </form> ローカルマシンから画像をアップロードし、アップロードしたファイルの内容を読みたい。AngularJSを使用してこれをすべて行います。 値を印刷しよう$scope.fileとすると、未定義になります。

9
AngularJS:ファクトリの代わりにサービスを使用する場合
ここで我慢してください。AngularJS:サービスvsプロバイダーvsファクトリーのような他の答えがあることを知っています。 しかし、いつ工場でサービスを利用するかはまだわかりません。 ファクトリーは、複数のコントローラーから呼び出すことができる「共通の」関数を作成するために一般的に使用されていることがわかります。共通のコントローラー関数の作成 Angularのドキュメントはサービスよりもファクトリを好むようです。さらに混乱を招くファクトリーを使用するとき、彼らは「サービス」にさえ言及します!http://docs.angularjs.org/guide/dev_guide.services.creating_services では、いつサービスを利用するのでしょうか? サービスでしかできない、またははるかに簡単なことはありますか? 舞台裏で起こっている何か違うことはありますか?パフォーマンス/メモリの違い? ここに例があります。宣言の方法を除いて、それらは同じように見え、なぜ私が一方を他方に対して行うのか理解できません。http://jsfiddle.net/uEpkE/ 更新: Thomasの回答から、サービスがより単純なロジック用であり、プライベートメソッドを使用したより複雑なロジック用のファクトリーであることが示唆されているため、以下のフィドルコードを更新し、どちらもプライベート関数をサポートできるようです? myApp.factory('fooFactory', function() { var fooVar; var addHi = function(foo){ fooVar = 'Hi '+foo; } return { setFoobar: function(foo){ addHi(foo); }, getFoobar:function(){ return fooVar; } }; }); myApp.service('fooService', function() { var fooVar; var addHi = function(foo){ fooVar = 'Hi '+foo;} this.setFoobar …

8
AngularJS-ng-modelを使用するディレクティブを作成する
ディレクティブを作成する要素と同じng-modelで入力フィールドを作成するディレクティブを作成しようとしています。 これが私がこれまでに思いついたものです: HTML <!doctype html> <html ng-app="plunker" > <head> <meta charset="utf-8"> <title>AngularJS Plunker</title> <link rel="stylesheet" href="style.css"> <script>document.write("<base href=\"" + document.location + "\" />");</script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.js"></script> <script src="app.js"></script> </head> <body ng-controller="MainCtrl"> This scope value <input ng-model="name"> <my-directive ng-model="name"></my-directive> </body> </html> JavaScript var app = angular.module('plunker', []); app.controller('MainCtrl', function($scope) { …

6
ワンクリックで多くの機能を追加するには?
これを実行する方法を探していますが、これまでに関連するものはありません:(私は両方の関数をネストできますが、これが可能かどうか疑問に思っていますか?文字通りこれを実行したいと思います: <td><button class="btn" ng-click="edit($index) open()">Open me!</button></td> 現在の私のJSコード: $scope.open = function () { $scope.shouldBeOpen = true; }; $scope.edit = function(index){ var content_1, content_2; content_1 = $scope.people[index].name; content_2 = $scope.people[index].age; console.log(content_1); }; 1回のクリックで2つの関数を呼び出したいのですが、angularJSでこれをどのように実行できますか?CSSのように複数のクラスを追加するのは簡単だと思いましたが、それは:(

8
JSON.stringifyの結果に追加された$$ hashKeyは何ですか
私は彼らのドキュメントのMozilla JSON文字列化ページだけでなく、SOやGoogleでもここで調べましたが、説明はありませんでした。私はJSOn文字列化を何度も使用しましたが、この結果に遭遇したことはありません JSONオブジェクトの配列があります [ { "param_2": "Description 1", "param_0": "Name 1", "param_1": "VERSION 1" }, { "param_2": "Description 2", "param_0": "Name 2", "param_1": "VERSION 2" }, { "param_2": "Description 3", "param_0": "Name 3", "param_1": "VERSION 3" } ] 私に添付$scopeし、するために、POST1つのparamaterが、私はJSON.stringify()メソッドを使用して、私は次のことを得るようにそれら: [ { "param_2": "Description 1", "param_0": "Name 1", "param_1": "VERSION 1", …

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.