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

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

24
数値と範囲を持つAngularJS Forループ
Angularは、HTMLディレクティブ内で数値を使用するforループをサポートしています。 <div data-ng-repeat="i in [1,2,3,4,5]"> do something </div> ただし、スコープ変数に動的な数値の範囲が含まれている場合は、毎回空の配列を作成する必要があります。 コントローラ内 var range = []; for(var i=0;i<total;i++) { range.push(i); } $scope.range = range; HTMLで <div data-ng-repeat="i in range"> do something </div> これは機能しますが、範囲配列をループ内でまったく使用しないため、これは不要です。誰かが最小値/最大値の範囲または規則を設定することを知っていますか？ 何かのようなもの： <div data-ng-repeat="i in 1 .. 100"> do something </div>
17
$ httpのAngular IE Cachingの問題
IEから送信されたすべてのajax呼び出しはAngularによってキャッシュされ304 response、その後のすべての呼び出しに対してを取得します。リクエストは同じですが、私の場合、レスポンスは同じではありません。このキャッシュを無効にしたい。cache attribute$ http.getにを追加してみましたが、それでも役に立ちませんでした。この問題はどのように解決できますか？
8
`this`または` $ scope`を使用する必要がありますか？
コントローラー関数へのアクセスに使用されるパターンは2つ thisあり$scopeます。 どちらをいつ使用すればよいですか？thisコントローラに設定され、$scopeビューのスコープチェーンのオブジェクトであることを理解しています。しかし、新しい "Controller as Var"構文を使用すると、どちらも簡単に使用できます。それで、私が求めているのは、何が最良で、将来の方向性は何ですか？ 例： 使用する this function UserCtrl() { this.bye = function() { alert('....'); }; } <body ng-controller='UserCtrl as uCtrl'> <button ng-click='uCtrl.bye()'>bye</button> 使用する $scope function UserCtrl($scope) { $scope.bye = function () { alert('....'); }; } <body ng-controller='UserCtrl'> <button ng-click='bye()'>bye</button> 私は個人的this.nameに、他のJavascript OOパターンと比較して、見た目がより簡単で、より自然であると感じています。 アドバイスしてください？
251 angularjs 
10
ng-repeatが終了したときに関数を呼び出す
私が実装しようとしているのは、基本的には「on ng repeat finished rendering」ハンドラです。いつ完了したかは検出できますが、そこから関数をトリガーする方法がわかりません。 フィドルを確認してください：http : //jsfiddle.net/paulocoelho/BsMqq/3/ JS var module = angular.module('testApp', []) .directive('onFinishRender', function () { return { restrict: 'A', link: function (scope, element, attr) { if (scope.$last === true) { element.ready(function () { console.log("calling:"+attr.onFinishRender); // CALL TEST HERE! }); } } } }); function myC($scope) { $scope.ta …
8
ng-clickを使用してルートを呼び出す方法とタイミング
ルートを使用しているとします。 // bootstrap myApp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) { $routeProvider.when('/home', { templateUrl: 'partials/home.html', controller: 'HomeCtrl' }); $routeProvider.when('/about', { templateUrl: 'partials/about.html', controller: 'AboutCtrl' }); ... そしてあなたのhtmlでは、ボタンがクリックされたときにAboutページに移動したいとします。一つの方法は <a href="#/about"> ...しかし、ここでもng-clickが役立つようです。 その仮定は正しいですか？アンカーの代わりにng-clickを使用しますか？ もしそうなら、それはどのように機能しますか？IE： <div ng-click="/about">
18
Angular JSのコントローラー間でデータを受け渡しますか？
私の製品を表示する基本的なコントローラーがあります。 App.controller('ProductCtrl',function($scope,$productFactory){ $productFactory.get().success(function(data){ $scope.products = data; }); }); 私の見解では、この製品をリストに表示しています <ul> <li ng-repeat="product as products"> {{product.name}} </li> </ul 私がやろうとしているのは、誰かが製品名をクリックしたときに、この製品が追加されるカートという別のビューがあります。 <ul class="cart"> <li> //click one added here </li> <li> //click two added here </li> </ul> だから私の疑問は、このクリックされた製品を最初のコントローラーから2番目のコントローラーにどのように渡すのですか？カートもコントローラーであると思いました。 ディレクティブを使用してクリックイベントを処理します。また、私は上記の機能を実現するためにサービスを使用する必要があると感じていますが、どうやって理解できないのですか？カートは事前に定義されているため、ユーザーがページに応じて追加される製品の数は5/10になる可能性があります。だから私はこのジェネリックを維持したいと思います。 更新： ブロードキャストするサービスを作成し、2番目のコントローラーでそれを受信します。今、クエリはどのようにしてDOMを更新するのですか？私の製品をドロップするリストはかなりハードコードされているので。
8
AngularJS：コントローラー関数からビューを切り替えるにはどうすればよいですか？
AngularJSのng-click機能を使用してビューを切り替えようとしています。以下のコードでこれを行うにはどうすればよいですか？ index.html <div ng-controller="Cntrl"> <div ng-click="someFunction()"> click me <div> <div> controller.js function Cntrl ($scope) { $scope.someFunction = function(){ //code to change view? } }
3
AngularJSのディレクティブにサービスを注入できますか？
以下のようなディレクティブにサービスを注入しようとしています： var app = angular.module('app',[]); app.factory('myData', function(){ return { name : "myName" } }); app.directive('changeIt',function($compile, myData){ return { restrict: 'C', link: function (scope, element, attrs) { scope.name = myData.name; } } }); しかし、これは私にエラーを返していますUnknown provider: myDataProvider。誰かがコードを調べて、私が何か間違っているのかどうか教えてくださいませんか？
234 angularjs 
4
AngularJSでフォーム入力を条件付きでどのように要求できますか？
AngularJSを使用してアドレス帳アプリケーション（不自然な例）を構築しているとします。 メールと電話番号の入力がある連絡先のフォームがあり、どちらか一方を必須にしたいが両方はemail必要ではない場合：phone入力が空または無効である場合にのみ入力が必須であり、その逆も同様です。 Angularにはrequiredディレクティブがありますが、この場合のドキュメントの使い方はドキュメントから明確ではありません。では、条件付きでフォームフィールドをどのように要求できるでしょうか。カスタムディレクティブを記述しますか？
12
サービスでの$ http応答の処理
最近私がここで直面している問題の詳細な説明をSOに投稿しました。実際の$httpリクエストを送信できなかったため、タイムアウトを使用して非同期動作をシミュレートしました。@Gloopyの助けを借りて、モデルからビューへのデータバインディングが正しく機能している （ローカルでテストされた）$httpではなくを使用すると$timeout、非同期リクエストが成功dataし、サービスのjson応答で満たされていることがわかります。しかし、私の見解は更新されていません。 ここで Plunkrを更新しました
13
AngularJSバインディングの数学関数
AngularJSバインディングで数学関数を使用する方法はありますか？ 例えば <p>The percentage is {{Math.round(100*count/total)}}%</p> このフィドルは問題を示しています http://jsfiddle.net/ricick/jtA99/1/
232 angularjs 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.