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

$ digest（）の反復が10回に達しました。中止します！ 「最後の5回のイテレーションで発生したウォッチャー：」などの意味で多くのサポートテキストがありますが、このテキストの多くはさまざまな関数からのJavaScriptコードです。この問題を診断するための経験則はありますか？常に軽減できる問題ですか、それともこの問題を単なる警告として扱う必要があるほど複雑なアプリケーションがありますか？

91 angularjs 

動的な質問をフォームに入力したいと思います（ここでフィドル）： <div ng-app ng-controller="QuestionController"> <ul ng-repeat="question in Questions"> <li> <div>{{question.Text}}</div> <select ng-model="Answers['{{question.Name}}']" ng-options="option for option in question.Options"> </select> </li> </ul> <a ng-click="ShowAnswers()">Submit</a> </div> ​ function QuestionController($scope) { $scope.Answers = {}; $scope.Questions = [ { "Text": "Gender?", "Name": "GenderQuestion", "Options": ["Male", "Female"]}, { "Text": "Favorite color?", "Name": "ColorQuestion", "Options": ["Red", "Blue", …

91 angularjs 

私は持っています Promiseます。必要に応じてAJAXリクエストをキャンセルするために作成しました。しかし、そのAJAXをキャンセルする必要がないので、それを解決したことがなく、AJAXは正常に完了しました。 簡略化されたスニペット： var defer = $q.defer(); $http({url: 'example.com/some/api', timeout: defer.promise}).success(function(data) { // do something }); // Never defer.resolve() because I don't need to cancel that ajax. What happens to this promise after request? そのような約束を解決してメモリリークを引き起こしたことはありませんか？Promiseライフサイクルを管理する方法について何かアドバイスはありますか？

91 javascript  angularjs  memory-leaks  promise  angular-promise 

主な質問-それは可能ですか？運が悪かった メインapp.js ... var app = angular.module('myApp', ['services']); app.config(['customProvider', function (customProvider) { }]); ... プロバイダー自体 var services = angular.module('services', []); services.provider('custom', function ($http) { }); そして私はそのようなエラーを持っています： Uncaught Error: Unknown provider: $http from services 何か案は？ ありがとう！

90 javascript  angularjs  angular-services 

Angularアプリをe2eテストするためにProtractorを試してみましたが、要素に特定のクラスがあるかどうかを検出する方法がわかりませんでした。 私の場合、テストは送信ボタンをクリックし、form [name = "getoffer"]に.ngDirtyクラスがあるかどうかを確認します。解決策は何ですか？ describe('Contact form', function() { beforeEach(function(){ browser.get('http://localhost:9000'); element(by.linkText('Contact me')).click(); }); it('should fail form validation, all fields pristine', function() { element(by.css('.form[name="getoffer"] input[type="submit"]')).click(); expect(element(by.name('getoffer'))).toHaveClass('ngDirty'); // <-- This line }); });

90 angularjs  protractor 

AngularJSのドキュメントには、サービスはシングルトンであると明記されています。 AngularJS services are singletons 直観に反して、module.factoryシングルトンインスタンスも返します。 シングルトン以外のサービスには多くのユースケースがあることを考えると、Serviceのインスタンスを返すファクトリメソッドを実装して、ExampleService依存関係が宣言されるたびに、異なるインスタンスによって満たされるようにするための最良の方法は何ExampleServiceですか？

90 service  angularjs  singleton  instance  factory 

AngularJSチュートリアルの手順9 を読んだ後、ブールデータをHTMLに変換する独自のAngularJSフィルターを作成しました。 これが私のフィルターコードです： angular.module('phonecatFilters', []).filter('iconify', function () { // My custom filter return function (input) { return input ? '<i class="icon-ok"></i>' : '<i class="icon-remove"></i>'; } }); これが私のHTMLコードです： <dt>Infrared</dt> <dd>{{phone.connectivity.infrared | iconify }}"></dd> 問題は、borwserが文字通り次のように戻り値を表示することです。 <i class="icon-ok"></i> 表示されるはずのアイコン（またはレンダリングされたhtml）ではありません。 ここにJSFiddleの例があります この過程である程度の衛生状態が発生すると思います。 この特定のフィルターに対してこのサニタイズをオフにすることは可能ですか？ また、フィルターからHTML出力を返さずにアイコンを表示する方法も知っています。代わりに、次のように置き換えることができます。 <i class="icon-{{phone.connectivity.infrared | iconify}}"><i> しかし、これは私が望むものではありません。

90 angularjs 

私は、プロットに要求してい実行履歴のタスク Highchartsでは。タスクの実行履歴を水平バーとして表示する必要があります。以下にアップデートとして追加した追加の要件があります。最近、このinvertedオプションがStockChartでサポートされておらず、navigatorとrangeSelectorしかStockChartで使用できないことがわかりました。したがって、私はそれらの関数を使用しています。 したがって、要件を達成するために、このjsfiddleの例に似たものを作成し（参照中にどこかにソースが記憶されていないことがわかります）、Pawel Fusのおかげで、前の質問の助けを借りてこのプランカーリンクになりました 混乱を避けるために質問を更新しています 追加要件： 特定の日時範囲で実行されたタスクのみを表示します。実行が10回を超えるなど、実行が多すぎる場合は、他のタスクを表示するためにスクロール可能なy軸を使用して、10個のタスクのみを表示する方法が必要です。 問題へのプランカーリンク 上記のプランカーの問題の説明。 上記のプランカーから以下のスクリーンショットを確認すると、時間範囲は12/12/2014 09:32:26〜12/12/2014 10:32:26であり、m_ARRAYV_SALES_ZIG1_CALL2_VOD__C_OB＆を実行したタスクは2つしかありませんm_ZIG2_HCP_MERGE_IB_CN。ただしLILLY_C、この日付範囲内で実行されなかった別のタスクを確認できます。（実際のデータでは、この日付範囲に該当しないこのグラフを乱雑にする10を超えるタスクがあります） また、右下隅で時間がから09:38にシフトしたことに気づいた場合19:20。タスク19:20の終了時間ですm_ZIG2_HCP_MERGE_IB_CN。 以下は私のチャートオプションです var chart_options = { chart: { renderTo: 'container', height: 600 }, title: { }, credits: { enabled: false }, xAxis: { type: 'datetime', gridLineWidth: 1, tickInterval: 1 * 3600 * 1000, dateTimeLabelFormats: { month: '%b %e, …

90 javascript  angularjs  highcharts  highstock 

私のアプリでBootstrapツールチップを使用しようとしています。私のアプリはAngularJSを使用しています。現在、私は以下を持っています： <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left"> Tooltip on left </button> 使う必要があると思う $("[data-toggle=tooltip]").tooltip(); しかし、よくわかりません。上記の行を追加しても、コードが機能しません。UIブートストラップは必要以上にあるため、使用を避けようとしています。ただし、ツールチップの一部だけを含める必要がある場合は、それを受け入れます。それでも、どうすればいいのかわかりません。 誰かがAngularJSでBootstrap Tooltipを機能させる方法を教えてもらえますか？

90 angularjs  twitter-bootstrap  twitter-bootstrap-tooltip 

$ scopeと$ rootScopeの違いを誰かが説明できますか？ おもう $ scope： これを使用することにより、特定のページから特定のコントローラーのng-modelプロパティを取得できます。 $ rootScope これを使用して、任意のページから任意のコントローラーのすべてのng-modelプロパティを取得できます。 これは正しいです？または他に何か？

90 javascript  angularjs 

これはメインテンプレートのコントローラーです。 app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) { ... $scope.editWebsite = function(id) { $location.path('/websites/edit/' + id); }; }]); これはディレクティブです： app.directive('wdaWebsitesOverview', function() { return { restrict: 'E', scope: { heading: '=', websites: '=', editWebsite: '&' }, templateUrl: 'views/websites-overview.html' } }); これは、ディレクティブがメインテンプレートに適用される方法です。 <wda-websites-overview heading="'All websites'" websites="websites" edit-website="editWebsite(id)"></wda-websites-overview> …

90 javascript  angularjs  angularjs-directive  angularjs-scope 

私が取り組んでいるアプリには、さまざまな状態（ui-routerを使用）が含まれており、一部の状態ではログインが必要ですが、他の状態は公開されています。 ユーザーがログインしているかどうかを有効にチェックするメソッドを作成しました。現在問題があるのは、必要なときに実際にログインページにリダイレクトすることです。ログインページは現在AngularJSアプリ内に配置されていないことに注意してください。 app.run(function ($rootScope, $location, $window) { $rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) { if (toState.data.loginReq && !$rootScope.me.loggedIn) { var landingUrl = $window.location.host + "/login"; console.log(landingUrl); $window.open(landingUrl, "_self"); } }); }); console.logは、意図したURLを適切に表示します。その次の行では、$ window.openからwindow.location.hrefまでほぼすべてを試しましたが、何を試みてもリダイレクトは発生しません。 編集（解決済み）： 問題が見つかりました。 var landingUrl = $window.location.host + "/login"; $window.open(landingUrl, "_self"); 変数landingUrlは 'domain.com/login'に設定され、$ window.location.href（これは私が試したものの1つ）では機能しませんでした。ただし、コードを var landingUrl = …

90 javascript  angularjs  redirect  angular-ui-router 

{{f = ...}}3行目のステートメントでコンテンツが出力されないようにするにはどうすればよいforecast[day.iso]ですか？ forecast[day.iso].temperature繰り返しごとに使用などを避けたい。 <div ng-repeat="day in forecast_days"> {{$index}} - {{day.iso}} - {{day.name}} {{f = forecast[day.iso]}} Temperature: {{f.temperature}}<br> Humidity: {{f.humidity}}<br> ... </div>

90 javascript  angularjs  ng-init 

データを表示するタブベースのページを作成しています。AngularJsでUIルーターを使用して状態を登録しています。 私の目的は、ページの読み込み時に1つのデフォルトタブを開くことです。各タブにはサブタブがあり、タブを変更するときにデフォルトのサブタブを開いておきたいのですが。 私はonEnter関数でテストして$state.go('mainstate.substate');いましたが、内部では使用していますが、ループ効果の問題（state.goではサブステートから親ステートを呼び出すなど）が原因で機能しないようです。 $stateProvider .state('main', { url: '/main', templateUrl: 'main.html', onEnter: function($state) { $state.go('main.street'); } }) .state('main.street', { url: '/street', templateUrl: 'submenu.html', params: {tabName: 'street'} }) ここで私はプランカーのデモを作成しました。 今のところ、デフォルトのタブを開いていないことを除いて、すべてが機能します。それがまさに私が必要としていることです。 提案、意見、アイデアをありがとうございます。

89 javascript  angularjs  tabs  angular-ui-router 

すでにブートストラップされた角度モジュールに遅い依存関係を注入する方法はありますか？これが私の意味です： 次のように定義されたサイト全体の角度アプリがあるとします。 // in app.js var App = angular.module("App", []); そして、すべてのページで： <html ng-app="App"> 後で、アプリを再度開いて、現在のページのニーズに基づいてロジックを追加します。 // in reports.js var App = angular.module("App") App.controller("ReportsController", ['$scope', function($scope) { // .. reports controller code }]) さて、（のようなロジックのものとオンデマンドのビットの1つは、独自の依存関係を必要と言うngTouch、ngAnimate、ngResource、など）。それらを基本アプリにどのように添付できますか？これはうまくいかないようです： // in reports.js var App = angular.module("App", ['ui.event', 'ngResource']); // <-- raise error when App was already bootstrapped …

89 angularjs  dependency-injection  bootstrapping