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

したがって、長さが不明な複数のプロミスチェーンがある状況にあります。すべてのチェーンが処理されたときに何らかのアクションを実行したいのですが。それは可能ですか？次に例を示します。 app.controller('MainCtrl', function($scope, $q, $timeout) { var one = $q.defer(); var two = $q.defer(); var three = $q.defer(); var all = $q.all([one.promise, two.promise, three.promise]); all.then(allSuccess); function success(data) { console.log(data); return data + "Chained"; } function allSuccess(){ console.log("ALL PROMISES RESOLVED") } one.promise.then(success).then(success); two.promise.then(success); three.promise.then(success).then(success).then(success); $timeout(function () { one.resolve("one done"); }, Math.random() …

107 angularjs  promise  angular-promise 

（ここに関連する質問があります：JasmineテストはAngularJSモジュールを見ません） Angularを起動せずにサービスをテストしたいだけです。 いくつかの例とチュートリアルを見てきましたが、どこにも行きません。 私は3つのファイルしか持っていません： myService.js：AngularJSサービスを定義します test_myService.js：サービスのJasmineテストを定義します。 specRunner.html：通常のジャスミン構成を含むHTMLファイルで、前の2つのファイルとJasmine、Angularjs、angular-mocks.jsをインポートします。 これはサービスのコードです（テストしていないときに期待どおりに機能します）。 var myModule = angular.module('myModule', []); myModule.factory('myService', function(){ var serviceImplementation = {}; serviceImplementation.one = 1; serviceImplementation.two = 2; serviceImplementation.three = 3; return serviceImplementation }); サービスを個別にテストしているので、サービスにアクセスしてメソッドを確認できるはずです。私の質問は、AngularJSをブートストラップせずにテストにサービスを注入するにはどうすればよいですか？ たとえば、サービスのメソッドに対して返された値をJasmineで次のようにテストするにはどうすればよいですか。 describe('myService test', function(){ describe('when I call myService.one', function(){ it('returns 1', function(){ myModule = angular.module('myModule'); //something is missing …

107 angularjs  jasmine 

こちらの例をご覧ください：http : //docs.angularjs.org/api/ng.filter : filter を使用して任意の電話のプロパティで<input ng-model="search">検索でき、を使用して名前だけで検索できます。<input ng-model="search.name">結果は名前で適切にフィルタリングされます（電話番号を入力しても期待どおりの結果は返されません）。 のは、どのように私はによってフィルタリングについては行くだろう、私は「名前」プロパティを持つモデル、「電話」プロパティ、および「秘密の」性質を持っているとしましょう、両方の「名前」と「電話」の特性とない「秘密」プロパティ？つまり、本質的にユーザーは名前または電話番号を入力でき、ng-repeatは正しくフィルタリングしますが、ユーザーが「秘密」の値の一部と等しい値を入力しても、何も返されません。 ありがとう。

107 angularjs 

何らかの理由で職場でテストを実行するとブラウザーは最大化されますが、自宅でテストを実行すると、幅が約50％のブラウザーウィンドウしか開かれません。これにより、下にスクロールするなどの不一致が生じるため、テストを実行するすべてのマシンで同じサイズのブラウザーウィンドウを開くようにしたいのですが。これを行う最良の方法は何ですか？（私は他の言語のいくつかの答えを見つけましたが、それらをjavascriptに適応させることができませんでした） 追加 browser.executeScript('window.moveTo(0,0);'+ 'window.resizeTo(screen.width, screen.height);'); 何もしません（どうやらwindow.moveTo、window.resizeToChromeではサポートされていません）。

107 javascript  angularjs  selenium-webdriver  webdriver  protractor 

のような画像があります<img ng-src="dynamically inserted url"/>。単一の画像がロードされると、iScroll refresh（）メソッドを適用して、画像をスクロール可能にする必要があります。 コールバックを実行するためにイメージが完全に読み込まれたことを知る最良の方法は何ですか？

106 javascript  html  angularjs 

AngularJSコントローラーにHTMLでレンダリングされる画像のソース文字列を格納していますが、Angularコントローラーが初期化される前に404が生成されます。 HTMLは次のとおりです。 <div ng-controller="Cont"> <img src="{{imageSource}}"> </div> 角度コントローラー： var Cont = function($scope) { $scope.imageSource = '/tests.png'; } そして、私が得るエラー（テンプレートのに%7D%7D対応します{{）。 GET https://localhost:9000/%7B%7BimageSource%7D%7D 404 (Not Found) これを防ぐにはどうすればよいですか？つまり、Angularコントローラーが初期化されたときにのみイメージをロードしますか？

106 javascript  http-status-code-404  angularjs 

「現在の」$scopeをAngularJSサービスに渡すことは正しいですか？ $ serviceが1つのコントローラーでのみ使用されていることを知っている状況で、$ serviceメソッド自体にコントローラーのスコープへの参照が必要です。 これは哲学的に正しいですか？ または、イベントを$ rootScopeにブロードキャストしてから、コントローラーがそれらをリッスンするほうがよいですか？

106 angularjs  data-binding  angularjs-scope  angular-services 

$http.post応答からBLOBとして取得しているPDFファイルを表示しようとしています。pdfは<embed src>、たとえばアプリを使用して表示する必要があります。 いくつかのスタックポストに出くわしましたが、どういうわけか私の例は機能していないようです。 JS： このドキュメントによると、私は続けて試してみました... $http.post('/postUrlHere',{myParams}).success(function (response) { var file = new Blob([response], {type: 'application/pdf'}); var fileURL = URL.createObjectURL(file); $scope.content = fileURL; }); 今私が理解していることからfileURL、ブログが参照として使用できる一時的なURLを作成します。 HTML： <embed src="{{content}}" width="200" height="200"></embed> 私は理想的な状況がになり、必ず角度でこれを処理する方法はないです（1） 、スコープに割り当てます（2）「再構築準備/」PDFへのブロブ（3）が使用してHTMLに渡す<embed>ので、私はアプリ内で表示したい。 私は1日以上研究してきましたが、どういうわけかAngularでこれがどのように機能するのか理解できないようです...そして、PDFビューアライブラリが選択肢がないと仮定しましょう。

106 angularjs  pdf  blob 

休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか？質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 3年前休業。 この質問を改善する 私はウェブ開発を始めたばかりで、今のところ私は知っています： HTML-ウェブサイトのレイアウト CSS-見栄えを良くする JavaScript-機能 次に、jQuery、AngularJS、Node.jsとは何ですか？ クイック検索を行ったところ、jQueryは「JavaScriptライブラリ」、AngularJSは「JavaScriptベースのオープンソースのフロントエンドWebアプリケーションフレームワーク」、Node.jsは「JavaScriptランタイム環境」でした。 それらはすべてJavaScriptに関連しているようですが、新しい言語ですか？「フレームワーク/ライブラリ」とはどういう意味ですか？ 簡単な答えをいただければ幸いです。（私はWebプログラミングを始めたばかりですが、プログラミングに精通しています）。

106 javascript  jquery  html  angularjs  node.js 

angularjsに$ q.allを実装しましたが、コードを機能させることができません。これが私のコードです： UploadService.uploadQuestion = function(questions){ var promises = []; for(var i = 0 ; i < questions.length ; i++){ var deffered = $q.defer(); var question = questions[i]; $http({ url : 'upload/question', method: 'POST', data : question }). success(function(data){ deffered.resolve(data); }). error(function(error){ deffered.reject(); }); promises.push(deffered.promise); } return $q.all(promises); } そして、これがサービスを呼び出す私のコントローラーです： uploadService.uploadQuestion(questions).then(function(datas){ …

105 angularjs  promise  q 

ngResourceで定義された単一のファクトリがあります。 App.factory('Account', function($resource) { return $resource('url', {}, { query: { method: 'GET' } }); }); このファクトリーで定義されたqueryメソッドを複数回呼び出しています。呼び出しは非同期で発生する可能性がありますが、続行する前に両方の呼び出しが完了するのを待つ必要があります。 App.controller('AccountsCtrl', function ($scope, Account) { $scope.loadAccounts = function () { var billingAccounts = Account.query({ type: 'billing' }); var shippingAccounts = Account.query({ type: 'shipping' }); // wait for both calls to complete before returning }; …

105 angularjs 

フォームの一部のフィールドをプログラムで値で更新しています$dirty。フィールドの状態をに設定したいと思います。次のようなことをする： $scope.myForm.username.$dirty = true; 動作していないようです。 $setPristineフィールドの状態をリセットする方法はありますが、方法はありません$setDirtyか？ では、これをどのように行うのでしょうか？ 私はこの投稿https://groups.google.com/forum/#!topic/angular/NQKGAFlsln4を見ましたが、$setDirtyメソッドを見つけることができないようです。Angularバージョン1.1.5を使用しています。

105 angularjs 

分度器のドキュメントで、次の例を確認します。 describe('by model', function() { it('should find an element by text input model', function() { var username = element(by.model('username')); username.clear(); username.sendKeys('Jane Doe'); var name = element(by.binding('username')); expect(name.getText()).toEqual('Jane Doe'); }); ここではっきりしているのは、「by.model」を使用して入力ボックスに値を設定できることですが、入力ボックスを見て内容を確認したい場合は、「by.binding」を使用する必要があります。 私は（要約すると）私がしているコードのセットを持っています： element(by.model('risk.name')).sendKeys('A value'); expect(element(by.model('risk.name')).getText()).toEqual('A value'); （実際のコードでは、エンティティを保存してから編集モードでエンティティに戻り、実際に値が保存されたことを確認しています。ただし、結局は同じことであり、このサンプルコードでも同じ問題が発生します）。 これは私にエラーを与えます： Error: Expected '' to equal 'A value'. 理論的には、ドキュメントの例に従って、代わりに次のことができます： element(by.model('risk.name')).sendKeys('A value'); expect(element(by.binding('risk.name)).getText()).toEqual('A value'); しかし、by.bindingは完全修飾モデルを好きではないようです。エラーが発生します。 …

105 angularjs  protractor 

Angular JavaScriptを使用した概念実証に取り組んでいます。 別のブラウザー（FirefoxとChrome）でAngular JavaScriptコードをデバッグする方法は？

104 debugging  google-chrome  firefox  angularjs  browser 

ProtractorがAngular Scenario RunnerをE2Eテスト用に置き換える場合、それは私がE2EテストフレームワークとしてKarmaで引き続き使用できることを意味しますか？

104 javascript  angularjs  testing  protractor  karma-runner