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

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

8
分度器を使用して要素が表示されているかどうかを確認する方法
分度器を使用して要素が表示されるかどうかをテストしようとしています。要素は次のようになります。 <i class="icon-spinner icon-spin ng-hide" ng-show="saving"></i> Chromeコンソールでは、このjQueryセレクターを使用して、要素が表示されるかどうかをテストできます。 $('[ng-show=saving].icon-spin') [ <i class=​"icon-spinner icon-spin ng-hide" ng-show=​"saving">​</i>​ ] > $('[ng-show=saving].icon-spin:visible') [] しかし、分度器で同じことをしようとすると、実行時にこのエラーが発生します。 InvalidElementStateError: invalid element state: Failed to execute 'querySelectorAll' on 'Document': '[ng-show=saving].icon-spin:visible' is not a valid selector. なぜこれは有効ではないのですか？分度器を使用して可視性を確認するにはどうすればよいですか？
3
jqLit​​eを使用してクラス名で要素を選択する方法
Angular.jsアプリを軽量化するためにjqueryを削除し、代わりにAngularのjqLit​​eを配置しようとしています。しかし、アプリはfind（ '＃id'）とfind（ '.classname'）を頻繁に使用しますが、これらはjqLit​​eでサポートされていません。 それを変える最善の方法は何だと思いますか。私が考えた1つのアプローチは、カスタムHTMLタグを作成することです。例：変更 <span class="btn btn-large" id="add-to-bag">Add to bag</span> に <a2b style="display:none;"><span class="btn btn-large" >Add to bag</span></a2b> そして $element.find('#add-to-bag') に $element.find('a2b') 何かご意見は？他のアイデア？ ありがとう Lior
5
angularjsのforeachループ
を通過していforEach loopましたAngularJS。わからなかった点が少ないです。 イテレータ関数の用途は何ですか？それなしで行く方法はありますか？ 以下に示すように、キーと値の意味は何ですか？ angular.forEach($scope.data, function(value, key){}); PS：引数なしでこの関数を実行しようとしましたが、機能しませんでした。 ここに私がありjsonます： [ { "Name": "Thomas", "Password": "thomasTheKing" }, { "Name": "Linda", "Password": "lindatheQueen" } ] 私のJavaScriptファイル： var app = angular.module('testModule', []); app.controller('testController', function($scope, $http){ $http.get('Data/info.json').then( function(data){ $scope.data = data; } ); angular.forEach($scope.data, function(value, key){ if(value.Password == "thomasTheKing") console.log("username is thomas"); }); }); …
110 angularjs  foreach 
6
AngularJS-子スコープへのアクセス
次のコントローラがある場合： function parent($scope, service) { $scope.a = 'foo'; $scope.save = function() { service.save({ a: $scope.a, b: $scope.b }); } } function child($scope) { $scope.b = 'bar'; } parent読み上げる適切な方法bはchild何ですか？で定義する必要がある場合、それが関連する何かを記述するプロパティbでありparent、そうでないことbを記述するプロパティであると仮定すると、意味的に正しくchildないparentでしょうか？ 更新：それについてさらに考えると、複数の子がbそれを持っている場合parent、それbを取得するための競合が発生します。私の質問は残っていますb、からアクセスする適切な方法は何parentですか？
110 angularjs 
4
式でのAngularjs if-then-else構築
どういうわけか、angularjs式でif-then-else構成（3項演算子）を使用できますか？たとえば、ブール値を返す必要がある関数$ scope.isExists（item）があります。このようなものが欲しい <div ng-repeater="item in items"> <div>{{item.description}}</div> <div>{{isExists(item) ? 'available' : 'oh no, you don't have it'}}</div> </div> 文字列を返す関数を使用できることはわかっていますが、if-then-else構文を式に使用できる可能性に興味があります。ありがとう。
3
Reactsの一方向データバインディングとAngularの双方向データバインディングの違いを誰かが説明できますか
AngularJSとReactJSで同じToDoアプリを完全に構築すると、AngularJSの双方向データバインディングに対してReact ToDoで一方向のデータバインディングが使用されるのはなぜですか？ 私はReactが次のように機能することを理解しています Render（data）---> UI。 これはAngularとどう違うのですか？
24
Angularjs：エラー：[ng：areq]引数 'HomeController'は関数ではないため、定義されていません
これは、angularjsを使用してサービスファイルを作成し、コントローラーにサービスを追加するための私のデモです。 私のデモには2つの問題があります。 1つは、このエラーが発生する<script src="HomeController.js">前に置いたときです<script src="MyService.js">。 エラー：[ng：areq]引数 'HomeController'は関数ではないため、定義されていません もう1つは、次のエラーが発生する<script src="MyService.js">前に置いたときです<script src="HomeController.js">。 エラー：[$ injector：unpr]不明なプロバイダー：MyServiceProvider <-MyService 私の情報源： ファイルIndex.html： <!DOCTYPE html> <html > <head lang="en">…</head> <body ng-app="myApp"> … <div ng-controller="HomeController"> <div ng-repeat="item in hello">{{item.id + item.name}}</div> </div> <script src="Scripts/angular.js"></script> <script src="Scripts/angular-route.js"></script> <!-- App libs --> <script src="app/app.js"></script> <script src="app/services/MyService.js"></script> <script src="app/controllers/HomeController.js"></script> </body> </html> ファイルHomeController.js： …
5
なぜAngularJSで$ rootScope。$ broadcastを使用するのですか？
AngularJSのいくつかの基本情報を見つけようとしましたが$rootScope.$broadcast、AngularJSのドキュメントはあまり役に立ちません。簡単に言えば、なぜこれを使用するのですか？ また、John PapaのHot Towelテンプレート内には、次の名前の共通モジュールにカスタム関数があります$broadcast。 function $broadcast() { return $rootScope.$broadcast.apply($rootScope, arguments); } これが何をしているのか理解できませんでした。だからここにいくつかの基本的な質問があります： 1）何をし$rootScope.$broadcastますか？ 2）との違いは何ですか$rootScope.$broadcastとは$rootScope.$broadcast.apply？
3
$ http.get（…）.successは関数ではありません
私はこのコードを持っています： app.controller('MainCtrl', function ($scope, $http){ $http.get('api/url-api') .success(function (data, status, headers, config){ } } 私のローカル環境では問題なく動作しますが、サーバーでは次のエラーを返します。 TypeError：$ http.get（...）。successは関数ではありません 何か案は？ありがとう
9
PHPへのAngularJS HTTPポストおよび未定義
タグ付きのフォームがあります ng-submit="login() 関数はJavaScriptで正常に呼び出されます。 function LoginForm($scope, $http) { $http.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'; $scope.email = "fsdg@sdf.com"; $scope.password = "1234"; $scope.login = function() { data = { 'email' : $scope.email, 'password' : $scope.password }; $http.post('resources/curl.php', data) .success(function(data, status, headers, config) { console.log(status + ' - ' + data); }) .error(function(data, status, headers, config) …
19
AngularJS ng-repeatで繰り返し要素の合計を計算する
以下のスクリプトは、を使用してショップカートを表示しますng-repeat。配列の各要素について、アイテム名、その金額、および小計（product.price * product.quantity）が表示されます。 繰り返し要素の合計価格を計算する最も簡単な方法は何ですか？ <table> <tr> <th>Product</th> <th>Quantity</th> <th>Price</th> </tr> <tr ng-repeat="product in cart.products"> <td>{{product.name}}</td> <td>{{product.quantity}}</td> <td>{{product.price * product.quantity}} €</td> </tr> <tr> <td></td> <td>Total :</td> <td></td> <!-- Here is the total value of my cart --> </tr> </table>
7
$ scopeを角度サービスfunction（）に注入する
サービスがあります： angular.module('cfd') .service('StudentService', [ '$http', function ($http) { // get some data via the $http var path = 'data/people/students.json'; var students = $http.get(path).then(function (resp) { return resp.data; }); //save method create a new student if not already exists //else update the existing object this.save = function (student) { if (student.id …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.