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

私のAngular.jsアプリケーションでは、非同期操作を実行しています。開始する前に、モーダルdivでアプリケーションをカバーします。操作が完了したら、操作が成功したかどうかに関係なく、divを削除する必要があります。 現在私はこれを持っています： LoadingOverlay.start(); Auth.initialize().then(function() { LoadingOverlay.stop(); }, function() { LoadingOverlay.stop(); // Code needs to be duplicated here }) それはうまく機能しますが、私はこの疑似コードのようなよりクリーンなものが欲しいです： LoadingOverlay.start(); Auth.initialize().finally(function() { // *pseudo-code* - some function that is always executed on both failure and success. LoadingOverlay.stop(); }) これはかなり一般的な問題だと思うので、できると思っていましたが、ドキュメントに何も見つかりませんでした。それができるかどうか何か考えはありますか？

83 javascript  angularjs  promise  deferred  finally 

あるサービスをangularJSの別のサービスに注入することは可能ですか？

83 angularjs  angularjs-service 

モーダルを「却下」することとモーダルを「閉じる」ことの違いは何ですか？ close(result) - a method that can be used to close a modal, passing a result dismiss(reason) - a method that can be used to dismiss a modal, passing a reason

83 angularjs  angular-ui  angular-ui-bootstrap 

Angular.jsを学び、使用することを確信した後、私は具体的なWeb UIアプリケーションを起動して、経験の学習ホイールを起動するつもりでした。（このアプリは、リスト、リマインダー、ポモドーロテクニック指向などを行うための、ある種の個人的な計画になります...） Angularの作者が見たチュートリアルビデオの1つは、ベストプラクティスに関するものです。そして、ベストプラクティスの1つは、angular-seedプロジェクトから始めることです。 それが私がやろうとしていたことですが、少しグーグルした後、良い出発点であると主張する少なくとも2つの他のプロジェクトがすでにあります。 angular-enterprise-seed angular-sprout 私は初心者ですが、長期的に投資するのが好きです。他のものを使用することを心配する必要がありangular-seedますか？この質問をするのは時期尚早だと思いますが、他に2つのプロジェクトがある場合は、いくつかの理由があるかもしれません。

82 angularjs 

最小化が機能していない理由を理解しようと最悪の時間を過ごしています。 Web全体の多数の提案に従って、関数の前に配列オブジェクトを介してプロバイダーを挿入しましたが、それでも「不明なプロバイダー：aProvider <-a」 レギュラー： var app = angular.module('bpwApp', ['ui.bootstrap', 'ui', 'myTabs']) .config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider){ $routeProvider. when('/', {templateUrl: 'partials/home.jade', controller: HomeCtrl}); $locationProvider.html5Mode(true); }]) 縮小： var app = angular.module('bpwApp', ['ui.bootstrap', 'ui', 'myTabs']) .config(['$routeProvider', '$locationProvider', function(a, b){ a. when('/', {templateUrl: 'partials/home.jade', controller: HomeCtrl}); b.html5Mode(true); }]) どんな提案も大いに義務づけられるでしょう！

82 javascript  angularjs  minify  uglifyjs 

anglejsダイジェストサイクルの期間を測定する簡単な方法は何ですか？ダイジェストサイクルのパフォーマンスを分析するにはさまざまな方法がありますが、それぞれに独自の落とし穴があります。 Chromeプロファイラー：詳細が多すぎて、ダイジェストサイクルを見つけやすい方法で分解しません Batarang（AngularJSブラウザープラグイン）：オーバーヘッドが多すぎ、リフレッシュレートが遅く、大きなアプリで爆発します。 ...もっと良い方法があるはずですか？！1？

82 performance  angularjs 

変数がnullかどうかに基づいてdivを表示/非表示にしたいのですが。 <div ng-show="myvar"></div> 注：私の場合の変数はオブジェクトです。 非常に簡単な質問ですが、うまくいかないようです。 ありがとう。

82 angularjs 

私が使用していますangular-ui-routerし、私のアプリケーションでは、ネストされた状態、と私はまた、ナビゲーションバーを持っています。ナビゲーションバーは手書きでui-sref-active、現在の状態を強調するために使用します。これは2レベルのナビゲーションバーです。 さて、私が入っているときにProducts / Categories、Products（レベル1）とCategories（レベル2）の両方を強調表示したいとします。ただし、を使用ui-sref-activeすると、状態にあるProducts.Categories場合は、その状態のみが強調表示され、は強調表示されませんProducts。 Productsその状態でハイライトする方法はありますか？

82 angularjs  angular-ui-router 

私のウェブサイトが100％jQueryだったとき、私はこれを行っていました： $.ajaxSetup({ global: true, error: function(xhr, status, err) { if (xhr.status == 401) { window.location = "./index.html"; } } }); 401エラーのグローバルハンドラーを設定します。今、私はangularjsを使用$resourceして$http、サーバーへの私の（REST）要求を行うこと。同様にAngularでグローバルエラーハンドラーを設定する方法はありますか？

82 javascript  ajax  angularjs 

オブジェクト配列から一連のチェックボックスを生成しようとしています。チェックボックスで、ng-modelを配列に送信される新しいオブジェクトのプロパティに動的にマップすることを目指しています。 私が考えていたのは <li ng-repeat="item in items"> <label>{{item.name}}</label> <input type="checkbox" ng-model="newObject.{{item.name}}"> </li> このJSFiddleで見られるように、これは機能しません。 http://jsfiddle.net/GreenGeorge/NKjXB/2/ 誰か助けてもらえますか？

82 javascript  angularjs 

インラインビューテンプレートをロードしたかったのです。 テンプレートをタイプのスクリプトタグでラップしtext/ng-template、IDをに設定しましたtemp1.html。これが私のモジュール設定の様子です learningApp.config(function ($routeProvider) { $routeProvider .when("/first",{ controller: "SimpleController", templateUrl: "temp1.html"}) .when("/second", {controller: "SimpleController", templateUrl: "temp2.html"}) .otherwise({redirectTo : "/first"}); }); それは私に語ったGET http://localhost:41685/temp1.html 404 (Not Found)ことがその名前のファイルを探しているというのが私のコンソールウィンドウの意味で。 私の質問は、インラインテンプレートを使用するようにルートを構成するにはどうすればよいですか？ 更新：サーバーでレンダリングされたDOMは次のようになります <!DOCTYPE html> <html> <head> <script src="/Scripts/angular.js"></script> <link href="/Content/bootstrap.css" rel="stylesheet"/> </head> <body> <div class="container"> <h2>Getting Started with Angular</h2> <div class="row"> <div class="panel" ng-app="LearningApp"> <div …

82 javascript  angularjs 

AngularJSWebアプリケーション用に作成されたProtractorフレームワークを見つけました。 AngularJSを使用していないWebサイトでProtractorを使用するにはどうすればよいですか？ 私は最初のテストを作成し、分度器がこのメッセージをトリガーします。 Error: Angular could not be found on the page https://www.stratexapp.com/ : retries looking for angular exceeded

82 javascript  asp.net  angularjs  testing  protractor 

分離スコープでは、ディレクティブのテンプレートはコントローラー（ 'Ctrl'）$ rootScope変数にアクセスできないようですが、ディレクティブのコントローラーには表示されます。コントローラ（ 'Ctrl'）の$ scope変数が分離スコープに表示されない理由を理解しました。 HTML： <div ng-app="app"> <div ng-controller="Ctrl"> <my-template></my-template> </div> <script type="text/ng-template" id="my-template.html"> <label ng-click="test(blah)">Click</label> </script> </div> JavaScript： angular.module('app', []) .controller('Ctrl', function Ctrl1($scope, $rootScope) { $rootScope.blah = 'Hello'; $scope.yah = 'World' }) .directive('myTemplate', function() { return { restrict: 'E', templateUrl: 'my-template.html', scope: {}, controller: ["$scope", "$rootScope", function($scope, $rootScope) …

81 javascript  angularjs  angularjs-directive 

私はangularjsを初めて使用します。私のアプリにフォームがあるとしましょう。インスペクターを使用して、angularjsがフォームが無効であると判断した場合、フォームにng-invalidクラスが追加されることに気付きました。美しい。 したがって、フォームが有効かどうかを確認するには、Jqueryセレクターでコードを汚染する必要があるようです。フォームコントローラーを使用せずにフォームの有効性を示すangularjsの方法は何ですか？

81 angularjs 

このドキュメント：http：//docs.angularjs.org/guide/directiveでは、replaceディレクティブの構成があると述べています。 template-現在の要素をHTMLのコンテンツに置き換えます。置換プロセスでは、すべての属性/クラスが古い要素から新しい要素に移行されます。詳細については、以下の「コンポーネントの作成」セクションを参照してください。 javascriptコード app.directive('myd1', function(){ return { template: '<span>directive template1</span>', replace: true } }); app.directive('myd2', function(){ return { template: '<span>directive template2</span>', replace: false } }); htmlコード <div myd1> original content should be replaced </div> <div myd2> original content should NOT be replaced </div> しかし、最終ページは次のようになります。 directive template1 directive template2 そうですreplace動作しません。私は何かが恋しいですか？ ライブデモ：http：//plnkr.co/edit/rGIgmjO81X2UxJohL4HM？p …

81 angularjs  angularjs-directive