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

私は、yeoman、grunt、bowerを使用して作成されたAngularJSアプリケーションを持っています。 認証をチェックするコントローラーを備えたログインページがあります。資格情報が正しい場合、ホームページに転送します。 app.js 'use strict'; //Define Routing for app angular.module('myApp', []).config(['$routeProvider', '$locationProvider', function($routeProvider,$locationProvider) { $routeProvider .when('/login', { templateUrl: 'login.html', controller: 'LoginController' }) .when('/register', { templateUrl: 'register.html', controller: 'RegisterController' }) .when('/forgotPassword', { templateUrl: 'forgotpassword.html', controller: 'forgotController' }) .when('/home', { templateUrl: 'views/home.html', controller: 'homeController' }) .otherwise({ redirectTo: '/login' }); // $locationProvider.html5Mode(true); //Remove …

130 javascript  ruby-on-rails  angularjs  angularjs-authentication 

リストにページを追加しようとしています。スマートフォンに関するものであるAngularJSチュートリアルに従い、特定の数のオブジェクトのみを表示しようとしています。これが私のhtmlファイルです： <div class='container-fluid'> <div class='row-fluid'> <div class='span2'> Search: <input ng-model='searchBar'> Sort by: <select ng-model='orderProp'> <option value='name'>Alphabetical</option> <option value='age'>Newest</option> </select> You selected the phones to be ordered by: {{orderProp}} </div> <div class='span10'> <select ng-model='limit'> <option value='5'>Show 5 per page</option> <option value='10'>Show 10 per page</option> <option value='15'>Show 15 per page</option> <option value='20'>Show …

130 javascript  angularjs  paginate 

私はそのようなフィルターでng-repeatディレクティブを使用しています： ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4" レンダリングされた結果を細かく見ることができます。次に、コントローラーでその結果に対していくつかのロジックを実行したいと思います。問題は、結果アイテムの参照を取得するにはどうすればよいですか？ 更新： 明確にするために：私はオートコンプリートを作成しようとしています、私はこの入力を持っています： <input id="queryInput" ng-model="query" type="text" size="30" placeholder="Enter query"> そしてフィルタリングされた結果： <ul> <li ng-repeat="item in items | orderBy:'order_prop' | filter:query | limitTo:4">{{item.name}}</li> </ul> 次に、結果をナビゲートして、アイテムの1つを選択します。

129 javascript  angularjs  filter  angularjs-ng-repeat 

私が作成しているアプリケーションでは、このイメージがロードされる可能性がある前に、ユーザーが4つの情報を設定する必要があります。この画像はアプリケーションの中心部分であるため、壊れた画像リンクにより、全体が壊れているように見えます。別の画像を404に置きたいのですが。 何か案は？このためのカスタムディレクティブを作成しないようにしたいと思います。 特にドキュメントの最初の質問が同じである場合、特に同様の質問が見つからないことに驚きました。 http://docs.angularjs.org/api/ng.directive:ngSrc

129 angularjs  angularjs-directive 

protect_from_forgeryオプションがapplication_controllerで言及されている場合、ログインしてGETリクエストを実行できますが、最初のPOSTリクエストでRailsがセッションをリセットし、ログアウトします。 このprotect_from_forgeryオプションを一時的にオフにしましたが、Angular.jsで使用したいと思います。それを行う方法はありますか？

129 ruby-on-rails  angularjs  csrf  protect-from-forgery 

angularjsでビューを得て、現在の日付（フォーマット済み）を表示しようとしています。<span>{{Date.now() | date:'yyyy-MM-dd'}}</span>現在の日付を表示するようなものだと思いました。

128 javascript  angularjs 

angularJSでドルのメソッドと変数を使用する理由が、消化が行われているときにこれらの値をチェックしないようにangularJSに指示することであるかどうか、誰かが知っていますか？したがって、angularが$scope.$valueand $scope.valueに出くわすと、変数名の前にドル記号が付いているため、前者のチェックが回避されますか？

128 angularjs 

私はこの記事に書かれているすべてを試しました：http : //www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api、しかし何もうまくいきません。angularJSを使用して別のドメインで使用するためにwebAPI2（MVC5）からデータを取得しようとしています。 私のコントローラーは次のようになります： namespace tapuzWebAPI.Controllers { [EnableCors(origins: "http://local.tapuz.co.il", headers: "*", methods: "*", SupportsCredentials = true)] [RoutePrefix("api/homepage")] public class HomePageController : ApiController { [HttpGet] [Route("GetMainItems")] //[ResponseType(typeof(Product))] public List<usp_MobileSelectTopSecondaryItemsByCategoryResult> GetMainItems() { HomePageDALcs dal = new HomePageDALcs(); //Three product added to display the data //HomePagePromotedItems.Value.Add(new HomePagePromotedItem.Value.FirstOrDefault((p) => p.ID == id)); List<usp_MobileSelectTopSecondaryItemsByCategoryResult> items …

128 c#  asp.net-mvc  angularjs  asp.net-web-api  cors 

プロジェクト（GitHubのAngular Seedプロジェクトから取得）でデフォルトのサービスユニットテストを実行しようとしていますが、「モジュールが定義されていません」というエラーが発生し続けます。 参照されたJavaScriptファイルの順序に関係している可能性があることを読みましたが、動作しないようですので、あなたの1人が助けてくれるといいのですが。 テストの構成は次のようになります。 basePath = '../'; ファイル= [ 'public / javascripts / lib / jquery-1.8.2.js'、 'public / javascripts / lib / angular.js'、 'public / javascripts / lib / angular- .js'、'public / app.js '、 ' public / controllers / .js '、 ' public / directives.js '、 ' public / filters.js …

127 unit-testing  angularjs  karma-runner 

等号の後の疑問符には特別な意味がありますか？つまり： scope: {foo: '=?'} 上記は、「foo」を解決できない場合にエラーを発生させないことを意味しますか？

127 angularjs  angularjs-directive 

データベースから読み込まれた値を持つフォームがあるとします。どのようにng-modelを初期化しますか？ 例： <input name="card[description]" ng-model="card.description" value="Visa-4242"> 私のコントローラーでは、最初は$ scope.cardが未定義です。このようなことをする以外に方法はありますか？ $scope.card = { description: $('myinput').val() }

126 angularjs 

angularjsコントローラー内でアンダースコアライブラリを使用するにはどうすればよいですか？ この投稿：AngularJS limitTo by last 2 records 誰かが_変数をrootScopeに割り当てて、ライブラリがアプリ内のすべてのスコープで使用できるようにすることを提案しました。 しかし、それをどこで行うべきかははっきりしていません。つまり、アプリモジュールの宣言に行くべきですか？つまり： var myapp = angular.module('offersApp', []) .config(['$rootScope', function($rootScope) { } しかし、下線libはどこにロードしますか？私のインデックスページには、ng-appディレクティブと、angular-jsおよびアンダースコアライブラリの両方へのスクリプト参照がありますか？ index.html： <head> </head> <body ng-app="offersApp"> ... <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="scripts/vendor/angular.js"></script> <script src="scripts/vendor/underscore.js"></script> ... どうすればこれを達成できますか？

126 javascript  angularjs  underscore.js 

フォームの送信後にページのURLを変更すると問題が発生します。 これが私のアプリの流れです： ルートが設定され、URLが何らかのフォームページに認識されます。 ページの読み込み、コントローラーセットの変数、ディレクティブが発生します。 AJAXを使用して特別なフォーム送信を実行する特別なフォームディレクティブが起動されます。 AJAXが実行された後（AngularはAJAXを処理しません）、コールバックが発生し、ディレクティブが$scope.onAfterSubmit場所を設定する関数を呼び出します。 問題は、場所を設定した後に何も起こらないことです。ロケーションパラメータ/も同様に設定しようとしました...いいえ。また、フォームを送信しないようにしました。何も機能しません。 コードがonAfterSubmit関数に到達するかどうかを確認するためにテストしました（実行されます）。 私の唯一の考えは、（ディレクティブから呼び出されたために）関数のスコープが何らかの方法でonAfterSubmit変更されたということですが、スコープが変更された場合、どのように呼び出すことができますか？ これが私のコードです var Ctrl = function($scope, $location, $http) { $http.get('/resources/' + $params.id + '/edit.json').success(function(data) { $scope.resource = data; }); $scope.onAfterSubmit = function() { $location.path('/').replace(); }; } Ctrl.$inject = ['$scope','$location','$http']; 誰かが私を助けてくれますか？

126 angularjs 

プロミスを返す関数を書こうとしています。ただし、要求された情報がすぐに利用できる場合があります。私はそれを約束に包んで、消費者が決定をする必要がないようにしたいと思います。 function getSomething(id) { if (Cache[id]) { var deferred = $q.defer(); deferred.resolve(Cache[id]); // <-- Can I do this? return deferred.promise; } else { return $http.get('/someUrl', {id:id}); } } 次のように使用します。 somethingService.getSomething(5).then(function(thing) { alert(thing); }); 問題は、コールバックが事前に解決されたpromiseに対して実行されないことです。これは正当なことですか？この状況を処理するより良い方法はありますか？

125 angularjs  promise 

angularjsでhtml内の要素を見つけようとしています。 ここにhtmlがあります： <button class="btn btn-primary multi-files" type="button"> <span>Choose multiple files</span> </button> <br/><br/> <input ng-file-select type="file" multiple style="display: none"/><br/> クラス名マルチファイルでボタン要素を取得しようとしているのですが、 var multibutton = angular.element(element.getElementsByClassName(".multi-files")); しかし、それは機能せず、試してみましたelement.findが、タグに対してのみ機能します。 angularjsのIDまたはクラス名で要素を取得できる関数はありますか？

125 angularjs