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

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

11
jQueryで入力値を設定した後に角度モデルを更新する
私はこの簡単なシナリオを持っています: jQueryのval()メソッドによって値が変更される入力要素。 jQueryが設定した値で角度モデルを更新しようとしています。単純なディレクティブを記述しようとしましたが、それは私が望むことをしていません。 ディレクティブは次のとおりです。 var myApp = angular.module('myApp', []); myApp.directive('testChange', function() { return function(scope, element, attrs) { element.bind('change', function() { console.log('value changed'); }) } }) これはjQuery部分です: $(function(){ $('button').click(function(){ $('input').val('xxx'); }) }) およびhtml: <div ng-app="myApp"> <div ng-controller="MyCtrl"> <input test-change ng-model="foo" /> <span>{{foo}}</span> </div> </div> <button>clickme</button> これが私の試みのフィドルです:http : //jsfiddle.net/U3pVM/743/ 誰かが私を正しい方向に向けてもらえますか?

2
1つのリクエストにHTTPヘッダーを設定する
アプリに基本認証を必要とする特定のリクエストが1つあるため、そのリクエストにAuthorizationヘッダーを設定する必要があります。HTTPリクエストヘッダーの設定について読みましたが、私が知ることができることから、そのメソッドのすべてのリクエストに対してヘッダーが設定されます。私のコードには次のようなものがあります: $http.defaults.headers.post.Authorization = "Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=="; しかし、私はすべての投稿リクエストがこのヘッダーを送信することを望んでいません。必要な1つの要求だけのためにヘッダーを送信する方法はありますか?または、リクエスト後に削除する必要がありますか?

7
AngularJS対Angular [終了]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善したいですか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 4年前休業。 この質問を改善する 数か月前、私はAngularを学ぶことにしました。少し進んでそれを使用してアプリを作成していたとき、Angular 2が開発者プレビューになっていることに気付いたので、リリースされるのは時間の問題です。Angular 2はAngular 1と​​互換性がなく、多くの変更があるため、問題は、Angular 1.xで開発を続けるのか、Angular 2の開発を始めるのが良いのかということです。 常に最新バージョンや最新の言語を使用する必要はないのは事実ですが、この場合、アプリはまだ小さいので問題なく変更できます。
159 angularjs  angular 

4
AngularJSでドロップダウンをアルファベット順に並べ替える
ng-optionsを使用してドロップダウンに値を入力します。ng-optionsは、サービスを呼び出すコントローラーにフックされています。残念ながら、入ってくるデータはごちゃごちゃしているので、アルファベット順にソートできるようにする必要があります。 あなたは何か$.sortByがそれをするだろうと思っていますが、残念ながらそれはジャックをしませんでした。私はそれをヘルパーメソッドfunction asc(a,b)またはそのようなものでJavaScriptを介して並べ替えることができることを知っていますが、これを行うよりクリーンな方法はなく、ヘルパーメソッドでコントローラーを膨らませたくないとは思いません。これは基本的にとても基本的なものなので、なぜAngularJSにこれがないのかわかりません。 のようなことをする方法はあり$orderBy('asc')ますか? 例: <select ng-option="items in item.$orderBy('asc')"></select> orderBy通常はデータをソートしようとするときはいつでも、必要なことをすべて実行できるようにするオプションがあると非常に便利です。
158 angularjs 

10
angular.element対document.getElementByIdまたはスピン(ビジー)コントロール付きのjQueryセレクター
ここに記載されているように私は、スピンコントロールの「Angularised」バージョンを使用しています:http://blog.xvitcoder.com/adding-a-weel-progress-indicator-to-your-angularjs-application/ 表示されたソリューションについて私が気に入らない点の1つは、スピンコントロールをDOM要素に効果的にアタッチするサービスでのjQueryの使用です。要素にアクセスするには、角度のある構造を使用したいと思います。また、スピナーがサービス内にアタッチする必要のある要素のIDを「ハードコーディング」するのを避け、代わりにサービス(シングルトン)でIDを設定するディレクティブを使用して、サービスの他のユーザーまたはサービス自体はそれを知る必要はありません。 私は、angular.elementが提供するものと、同じ要素IDのdocument.getElementByIdが提供するものとの間で苦労しています。例えば。これは機能します: var target = document.getElementById('appBusyIndicator'); これらのどれも行いません: var target = angular.element('#appBusyIndicator'); var target = angular.element('appBusyIndicator'); 私はかなり明白な間違いであるはずの何かをはっきりとやっています!誰か助けてもらえますか? 例えば:私は上記の作業を取得することができますと仮定すると、私は要素にjQueryのアクセスを交換しようとすると、同様の問題持って$(target).fadeIn('fast'); 作品を angular.element('#appBusyIndicator').fadeIn('fast')かangular.element('appBusyIndicator').fadeIn('fast')いません 誰かがAngularの「要素」とDOM要素の使用を明確にするドキュメントの良い例を教えてもらえますか?Angularは明らかに独自のプロパティやメソッドなどで要素を「ラップ」しますが、元の値を取得することはしばしば困難です。たとえば、<input type='number'>フィールドがあり、ユーザーが「-」(引用符なし)を入力したときにUIに表示される元のコンテンツにアクセスしたい場合、何も表示されません。おそらく、「type = number」がAngularが拒否していることを意味するためUIに表示されていても入力を確認したいので、テストしてクリアします。 どんなポインタ/答えもありがたいです。 ありがとう。
157 jquery  angularjs 

4
AngularJS-未処理/ダーティとタッチ済み/未タッチの違い
AngularJS開発者ガイド-フォームは、フォームとフィールドに関して多くのスタイルとディレクティブがあることを伝えます。それぞれについて、CSSクラス: ng-valid ng-invalid ng-pristine ng-dirty ng-touched ng-untouched 何の違いだpristine/dirty、とtouched/untouched?
157 angularjs 

30
モジュール '../build/Release/bson'が見つかりません]コード: 'MODULE_NOT_FOUND'} js-bson:純粋なJSバージョンを使用してc ++ bson拡張をロードできませんでした
以下のエラーが発生します: { [Error: Cannot find module '../build/Release/bson'] code: 'MODULE_NOT_FOUND' } js-bson: Failed to load c++ bson extension, using pure JS version これが私のバージョンの詳細です: OS:Windows 7 MongoDB:2.6.5 ノード:0.12.0 ここに問題を投稿する前に、これらのことを試しました。 私は\node-modules\mongoose\node-modules\mongodb\node-modules\bsonフォルダーに行き、以下のbinding-gypファイルをから'include_dirs': [ '<!(node -e "require(\'nan\')")' ] に 変更しました'include_dirs': ["<!(nodejs -p -e \"require('path').dirname(require.resolve('nan'))\")"] このコマンドを実行しました npm install -g node-gyp 内部でマングースのバージョンを3.8.21に更新しました package.json 何も機能しません。提案してください

9
Angularjsは、入力検証が失敗したときにフォームの送信を防ぎます
ユーザー名とパスワードが空でなく、3文字を超えていないことを確認するために、クライアント側の入力検証を伴うAngularJSを使用した簡単なログインフォームを書いています。以下のコードを参照してください: <form name="loginform" novalidate ng-submit="login.submit()" class="css-form"> <fieldset> <div class="control-group input-prepend"> <span class="add-on"><i class="icon-user"></i></span> <input type="text" ng-model="login.username" name="username" required ng-minlength="3" placeholder="username" /> </div> <div class="control-group input-prepend"> <span class="add-on"><i class="icon-lock"></i></span> <input type="password" ng-model="login.password" name="password" required ng-minlength="3" placeholder="" /> </div> <div class="control-group"> <input class="btn" type="submit" value="Log in"> </div> </fieldset> </form> そしてコントローラー: var controller …

10
AngularJSスコープの配列からアイテムを削除するにはどうすればよいですか?
簡単なTo Doリストですが、各アイテムのリストページに削除ボタンがあります。 関連するテンプレートHTML: <tr ng-repeat="person in persons"> <td>{{person.name}} - # {{person.id}}</td> <td>{{person.description}}</td> <td nowrap=nowrap> <a href="#!/edit"><i class="icon-edit"></i></a> <button ng-click="delete(person)"><i class="icon-minus-sign"></i></button> </td> </tr> 関連するコントローラーメソッド: $scope.delete = function (person) { API.DeletePerson({ id: person.id }, function (success) { // I need some code here to pull the person from my scope. }); }; …

10
Angularjs: '構文としてのコントローラー'と$ watch
controller as構文を使用するときにプロパティの変更をサブスクライブするにはどうすればよいですか? controller('TestCtrl', function ($scope) { this.name = 'Max'; this.changeName = function () { this.name = new Date(); } // not working $scope.$watch("name",function(value){ console.log(value) }); }); <div ng-controller="TestCtrl as test"> <input type="text" ng-model="test.name" /> <a ng-click="test.changeName()" href="#">Change Name</a> </div>

9
コントローラーのフォームにアクセスできますか?
現在以下を使用しています。 $scope.$$childHead.customerForm[firstName]、 そのため: <form name="customerForm"> <input type="text" name="firstName" ng-model="data.customer.firstName" tabindex="1" ng-disabled="!data.editable" validationcustomer /> </form> ただし、これはChromeでのみ機能します。今私は以下を試しました: $scope.editCustomerForm[firstName]、 そのため: <form name="customerForm" ng-model="editCustomerForm"> <input type="text" name="firstName" ng-model="data.customer.firstName" tabindex="1" ng-disabled="!data.editable" validationcustomer /> </form> うまくいきません。フォームがFoundationタブ内にあることに注意してください。どうすればアクセスできますfirstNameか? 編集:それは財団タブ内にあるときformはに追加されていないようscopeです。 誰かがこれに対する解決策を持っていますか?


30
角度js不明なプロバイダー
自分のREST APIに合わせてmongolabの例を「カスタマイズ」しようとしています。今、私はこのエラーに遭遇していて、私が何を間違っているのかわかりません: Error: Unknown provider: ProductProvider <- Product at Error (unknown source) at http://localhost:3000/js/vendor/angular.min.js:28:395 at Object.c [as get] (http://localhost:3000/js/vendor/angular.min.js:26:180) at http://localhost:3000/js/vendor/angular.min.js:28:476 at c (http://localhost:3000/js/vendor/angular.min.js:26:180) at d (http://localhost:3000/js/vendor/angular.min.js:26:314) これは私のコントローラーです: function ProductListCtrl($scope, Product) { $scope.products = Product.query(); } そしてこれはモジュールです: angular.module('productServices', ['ngResource']). factory('Product', ['$resource', function($resource){ var Product = $resource('/api/products/:id', { }, { update: …
152 angularjs 

8
AngularJS Jasmine単体テストでpromiseを返すサービスをモックするにはどうすればよいですか?
私はmyServiceそれを使用myOtherServiceして、リモート呼び出しを行い、promiseを返します。 angular.module('app.myService', ['app.myOtherService']) .factory('myService', [ myOtherService, function(myOtherService) { function makeRemoteCall() { return myOtherService.makeRemoteCallReturningPromise(); } return { makeRemoteCall: makeRemoteCall }; } ]) ユニットテストを作成するには、そのメソッドがpromiseを返すようmyServiceにモックする必要があります。これが私のやり方です:myOtherServicemakeRemoteCallReturningPromise describe('Testing remote call returning promise', function() { var myService; var myOtherServiceMock = {}; beforeEach(module('app.myService')); // I have to inject mock when calling module(), // and module() should come …

8
AngularJSでビュー間を変更するときにスコープのモデルを維持します
私はAngularJSを学んでいます。のは、私が持っているとしましょう/ VIEW1を使用してMy1Ctrlを、および/ VIEW2使用My2Ctrlを。これは、各ビューに独自のシンプルだが異なるフォームがあるタブを使用してナビゲートできます。 ユーザーが去ってからview1に戻ったときに、view1の形式で入力した値がリセットされないようにするにはどうすればよいですか? つまり、view1への2回目の訪問で、モデルを去ったときとまったく同じ状態を維持するにはどうすればよいのでしょうか。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.