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

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

6
角度のあるng-ifまたはng-showの応答が遅い（2秒の遅延？）
リクエストがビジーのときにボタンの読み込みインジケーターを表示または非表示にしようとしています。リクエストの読み込み中または読み込みが完了したときに$ scope.loading変数を変更することで、Angularを使用してこれを行います。 $scope.login = function(){ $scope.loading = true; apiFactory.getToken() .success(function(data){ }) .error(function(error){ }) .finally(function(){ $timeout(function() { $scope.loading = false; }, 0); }); }; フロントエンド： <button ng-disabled="loading" class="button button-outline button-positive" type="submit"> Log in <span ng-if="loading" class="ion-refreshing"></span> </button> これは正常に機能しますが、読み込みアイコン（ion-refreshing）が約2秒間表示され、$ scope変数はすぐに更新されます。$ scope。$ applyを試しましたが、ここでは問題はないようです。スコープは正常に更新され、リクエストの直後に更新されます。十分な速さで応答しないのはアイコンだけです。 私がこれを理解するのを手伝ってくれてありがとう！
4
AngularとASP.NETMVC / Web APIを混在させていますか？
ASP.NET MVC / Web APIを使用しているので、Angularを使い始めましたが、それらを適切に混合する方法がわかりません。 Angularを使用した後でも、MVCサーバー側の概念は価値を提供しますか？または、Angular HTTP呼び出しのデータを取得するためだけにWebAPIを厳密に使用する必要がありますか？ ASP.NETMVCの人がAn​​gularに移行するためのヒントがあれば役に立ちます
4
RxJS ObservablesでのPromise.allの動作？
Angular 1.xでは、複数のhttpリクエストを行い、すべての応答で何かを行う必要がある場合がありました。すべてのpromiseを配列に入れて、を呼び出しますPromise.all(promises).then(function (results) {...})。 Angular 2のベストプラクティスはObservable、httpリクエストの約束の代わりにRxJSを使用することを示しているようです。httpリクエストから作成された2つ以上の異なるObservableがある場合、同等のものはありPromise.all()ますか？
16
Spring-BootとAngularjsを使用したCORSが機能しない
あるアプリケーション（spring-bootアプリケーション）のRESTエンドポイントを別のアプリケーション（angularjs）から呼び出そうとしています。アプリケーションは、次のホストとポートで実行されています。 スプリングブートを使用したRESTアプリケーション、 http://localhost:8080 Angularjsを使用したHTMLアプリケーション、 http://localhost:50029 spring-securityスプリングブートアプリケーションでも使用しています。HTMLアプリケーションからRESTアプリケーションへの認証はできますが、それ以降もRESTエンドポイントにアクセスできません。たとえば、次のように定義されたangularjsサービスがあります。 adminServices.factory('AdminService', ['$resource', '$http', 'conf', function($resource, $http, conf) { var s = {}; s.isAdminLoggedIn = function(data) { return $http({ method: 'GET', url: 'http://localhost:8080/api/admin/isloggedin', withCredentials: true, headers: { 'X-Requested-With': 'XMLHttpRequest' } }); }; s.login = function(username, password) { var u = 'username=' + encodeURI(username); var p …
7
他のhtmlのないangularjs改行フィルター
改行文字（\n）をhtmlに変換しようとしていますbr。 あたりとしてGoogleグループでは、この議論は、ここで私が持っているものです。 myApp.filter('newlines', function () { return function(text) { return text.replace(/\n/g, '<br/>'); } }); そこでの議論はまた、ビューで以下を使用することをお勧めします： {{ dataFromModel | newline | html }} これは古いhtmlフィルターを使用しているようですが、今はng-bind-html属性を使用することになっています。 とにかく、これには問題dataFromModelがあります。元の文字列（）のHTMLをHTMLとしてレンダリングしたくないのです。br'のみ。 たとえば、次の文字列があるとします。 7> 5の間、 私はまだここにhtmlなどを入れたくありません... 出力したい： While 7 > 5<br>I still don't want html & stuff in here... これを達成する方法はありますか？
6
AngularJSを使用してリダイレクトする
以下を使用して別のルートにリダイレクトしようとしています： $location.path("/route"); しかし、何らかの理由でそれは機能していません。jQuery-UIを使用してオートコンプリートウィジェットを作成し、ユーザーがオプションを選択すると、スコープから関数を呼び出します。デバッグして関数に入りましたが、他のルートにリダイレクトされることはありません。キーを押したときだけルートが変わります。 ちょっと変だと思いますが、どうやって解決したらいいのかわかりません。使った window.location = "#/route"; 動作しますが、このpath()機能を使いたいです。 なぜこれが起こっているのか誰かが知っていますか？
7
Angular.noopは何に使用されますか？
Angular.orgのドキュメントでもどこでも検索しようとしましたが、実装に関する詳細な説明が見つかりませんでした。誰かがそれを説明することができればそれは非常に役に立ちます。
4
AngularJSは、フォームがコントローラーで有効かどうかを確認します
フォームがコントローラーで有効かどうかを確認する必要があります。 見る： <form novalidate="" name="createBusinessForm" ng-submit="setBusinessInformation()" class="css-form"> <!-- fields --> </form> 私のコントローラーでは： .controller( 'BusinessCtrl', function ($scope, $http, $location, Business, BusinessService, UserService, Photo) { if ($scope.createBusinessForm.$valid) { $scope.informationStatus = true; } ... このエラーが発生します： TypeError: Cannot read property '$valid' of undefined
86 angularjs 
2
ASP.NET MVC5とAngularJS / ASP.NET WebAPI [クローズ]
クローズ。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善したいですか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前に閉鎖されました。 この質問を改善する 私は現在、会社で将来のWebアプリケーションを作成するためのプログラミングモデルを評価しています。そこで、ASP.NET MVC 5（Razor Viewsを使用）とASP.NETWebAPIを使用したAngularJSのどちらかを決定します。これら2つのプログラミングモデルの長所/短所は何ですか？
7
反復ng-AngularJsでX回だけ繰り返す
どのように私は次のようにNG・リピートを使用することができるため、JavaScriptで？ 例： <div ng-repeat="4">Text</div> ng-repeatを4回繰り返したいのですが、どうすればよいですか？
2
anglejsディレクティブでコントローラーを要求する方法
あるディレクティブのコントローラーを別のangularJSディレクティブに含める方法を教えてもらえますか？たとえば、私は次のコードを持っています var app = angular.module('shop', []). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/js/partials/home.html' }) .when('/products', { controller: 'ProductsController', templateUrl: '/js/partials/products.html' }) .when('/products/:productId', { controller: 'ProductController', templateUrl: '/js/partials/product.html' }); }]); app.directive('mainCtrl', function () { return { controller: function ($scope) {} }; }); app.directive('addProduct', function () { return { restrict: 'C', …
4
AngularJSを使用したサーバーポーリング
私はAngularJSを学ぼうとしています。毎秒新しいデータを取得する最初の試みはうまくいきました： 'use strict'; function dataCtrl($scope, $http, $timeout) { $scope.data = []; (function tick() { $http.get('api/changingData').success(function (data) { $scope.data = data; $timeout(tick, 1000); }); })(); }; スレッドを5秒間スリープして低速サーバーをシミュレートすると、UIを更新して別のタイムアウトを設定する前に、応答を待機します。問題は、モジュールの作成にAngularモジュールとDIを使用するように上記を書き直したときです。 'use strict'; angular.module('datacat', ['dataServices']); angular.module('dataServices', ['ngResource']). factory('Data', function ($resource) { return $resource('api/changingData', {}, { query: { method: 'GET', params: {}, isArray: true } }); …
17
ng-clickの確認ダイアログ-AngularJS
ng-clickカスタムangularjsディレクティブを使用して確認ダイアログを設定しようとしています： app.directive('ngConfirmClick', [ function(){ return { priority: 1, terminal: true, link: function (scope, element, attr) { var msg = attr.ngConfirmClick || "Are you sure?"; var clickAction = attr.ngClick; element.bind('click',function (event) { if ( window.confirm(msg) ) { scope.$eval(clickAction) } }); } }; }]) これはうまく機能しますが、残念ながら、私のディレクティブを使用したタグ内の式は評価されません。 <button ng-click="sayHi()" ng-confirm-click="Would you like to say …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.