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

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

2
typescriptを使用する必要がありますか？または私はES6を使用できますか？[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 5年前休業。 この質問を改善する 私の毎日の仕事は、AngularJSを使用するクライアント開発者です。TypeScriptを使用するかどうかを評価しています。私はtypescriptについていくつかの調査を行いましたが、必要なほぼすべてのJavaScriptパッケージには定義タイプファイルが必要です。特に何か新しいことを試してみたいと思っていて、定義が定義されていない場合は、あまり便利ではないことがわかりました。本当にイライラします。（typescript 1.5ベータ版を使用する場合、現在のjQuery定義でも問題が発生します）。ES6を検討し始めましたが、TypeScriptに似ています。代わりにES6を使用する必要がありますか？また、angular 2はTypeScriptを完全にサポートすることになると聞きました。
4
AngularJsの辞書にng-repeatを使用する方法は？
次のようなjsonオブジェクトまたは配列にng-repeatを簡単に使用できることを知っています。 <div ng-repeat="user in users"></div> しかし、どのようにして辞書にng-repeatを使用することができますか？ var users = null; users["182982"] = "{...json-object...}"; users["198784"] = "{...json-object...}"; users["119827"] = "{...json-object...}"; ユーザー辞書でそれを使いたい： <div ng-repeat="user in users"></div> 出来ますか？。はいの場合、AngularJsでどうすればよいですか？ 私の質問の例：C＃では、次のような辞書を定義しています。 Dictionary<key,value> dict = new Dictionary<key,value>(); //and then we can search for values, without knowing the keys foreach(var val in dict.Values) { } c＃のような辞書から値を返す組み込み関数はありますか？
11
Bootstrap 3を使用してAngularJSでグリッドまたはテーブルを表す最良の方法は？[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 5年前休業。 この質問を改善する AngularJSとBootstrap 3を使用してアプリを作成しています。数千行のテーブル/グリッドを表示したいと思います。並べ替え、検索、ページ分割などの機能を備えたAngularJSとBootstrapで利用可能な最良のコントロールは何ですか？
4
$ onおよび$ broadcast in angular
私は異なるビューを持つフッターコントローラーとコードスキャナーコントローラーを持っています。 angular.module('myApp').controller('footerController', ["$scope", function($scope) {}]); angular.module('myApp').controller('codeScannerController', ["$scope", function($scope) { console.log("start"); $scope.startScanner = function(){... <li>footer.html内のをクリックすると、codeScannerControllerでこのイベントを取得する必要があります。 <li class="button" ng-click="startScanner()">3</li> 私はそれがで実現することができると思う$onと$broadcast、私は方法がわからないとどこにも例を見つけることができません。
15
AngularJs：ファイル入力フィールドの変更を確認する方法は？
Angularは初めてです。このフィールドで「変更」が発生するたびに、HTMLの「ファイル」フィールドからアップロードされたファイルパスを読み取ろうとしています。「onChange」を使用すると機能しますが、「ng-change」を使用して角度を付けて使用すると機能しません。 <script> var DemoModule = angular.module("Demo",[]); DemoModule .controller("form-cntlr",function($scope){ $scope.selectFile = function() { $("#file").click(); } $scope.fileNameChaged = function() { alert("select file"); } }); </script> <div ng-controller="form-cntlr"> <form> <button ng-click="selectFile()">Upload Your File</button> <input type="file" style="display:none" id="file" name='file' ng-Change="fileNameChaged()"/> </form> </div> fileNameChaged（）が呼び出されることはありません。Firebugでもエラーは表示されません。
281 angularjs 
17
作成時にパラメーターをAngularJSコントローラーに渡すことはできますか？
私は、ユーザーのプロパティ、名前、電子メールなどを更新するためにAPIと通信するコントローラーを持っています。各ユーザーは'id'、プロファイルページが表示されるときにサーバーから渡されるものを持っています。 この値をAngularJSコントローラーに渡して、現在のユーザーのAPIエントリポイントが何であるかがわかるようにしたいと思います。に値を渡してみましたng-controller。例えば： function UserCtrl(id, $scope, $filter) { $scope.connection = $resource('api.com/user/' + id) そしてHTMLで <body ng-controller="UserCtrl({% id %})"> ここで{% id %}、サーバーから送信されたIDを出力します。エラーが発生します。 作成時にコントローラーに値を渡す正しい方法は何ですか？
10
angularJSでブロードキャストイベントの登録を解除する方法。$ onで登録された関数を削除する方法
$ on関数を使用して$ broadcastイベントにリスナーを登録しました $scope.$on("onViewUpdated", this.callMe); また、特定のビジネスルールに基づいて、このリスナーの登録を解除したいと考えています。しかし、私の問題は、いったん登録されると、登録を解除できないことです。 AngularJSには、特定のリスナーの登録を解除する方法はありますか？このイベントを登録解除する$ onのようなメソッドは、$ offになる場合があります。ビジネスロジックに基づいて $scope.$off("onViewUpdated", this.callMe); この関数は、誰かが「onViewUpdated」イベントをブロードキャストすると呼び出されなくなります。 ありがとう 編集：リスナーを別の関数から登録解除したい。登録する機能ではありません。
278 angularjs 
12
AngularJSフォームにカスタム検証を追加するにはどうすればよいですか？
入力フィールドを備えたフォームと、required属性などを追加することによる検証設定があります。しかし、一部のフィールドでは、追加の検証を行う必要があります。FormController制御を検証する「タップ」方法を教えてください。 カスタム検証は、「これらの3つのフィールドが入力されている場合、このフィールドは必須であり、特定の方法でフォーマットする必要がある」のようになります。 メソッドFormController.$setValidityはありますが、それはパブリックAPIのようには見えないので、使用しません。カスタムディレクティブを作成して使用する方法NgModelControllerは別のオプションのように見えますが、基本的には、カスタム検証ルールごとにディレクティブを作成する必要がありますが、これは不要です。 実際、コントローラーからのフィールドを無効としてマークする（同時にFormController同期を維持する）ことは、ジョブを完了するための最も単純なシナリオで必要なことかもしれませんが、その方法がわかりません。
278 angularjs 
7
AngularJS：$ watchをクリアする
AngularJSアプリケーションに監視機能があります。 $scope.$watch('quartzCrystal', function () { ... } ただし、ある条件（私の例では、単一ページのアプリケーションでページを変更する）の後、そのウォッチを停止したい（タイムアウトをクリアするように）。 どうやってやるの？
16
「X-Frame-Options」が「SAMEORIGIN」に設定されているため、フレームへの表示が拒否されました
私は、人々が自分の電話からアクセスできるように応答性があるはずのウェブサイトを開発しています。このサイトには、Google、Facebook、... etc（OAuth）を使用してログインできるいくつかの安全な部分があります。 サーバーのバックエンドはASP.Net Web API 2を使用して開発され、フロントエンドは主にAngularJSといくつかのRazorです。 認証部分については、Androidを含むすべてのブラウザーですべてが正常に機能していますが、Google認証はiPhoneでは機能せず、このエラーメッセージが表示されます Refused to display 'https://accounts.google.com/o/openid2/auth ?openid.ns=http://specs.openid.ne…tp://axschema.org/namePerson /last&openid.ax.required=email,name,first,last' in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'. 今、私はHTMLファイルでiframeを使用していません。 私はググったが、問題を解決するための答えは得られなかった。
18
ルートを変更しても新しいページの一番上にスクロールしない
ルートが変更されたときに、少なくとも私にとって望ましくない動作がいくつか見つかりました。チュートリアルhttp://angular.github.io/angular-phonecat/step-11/app/#/phonesのステップ11で、 電話のリストを確認できます。一番下までスクロールして最新のものをクリックすると、スクロールが一番上ではなく、真ん中にあることがわかります。 私は自分のアプリの1つでもこれを見つけました。どうすればこれを一番上までスクロールできますか。私はそれを手動で行うことができますが、これを行うには私にはわからない他のエレガントな方法があるはずだと思います。 では、ルートが変わったときに上にスクロールするエレガントな方法はありますか？
13
Ngモデルはコントローラー値を更新しません
おそらくばかげた質問ですが、シンプルな入力とボタンを備えたhtmlフォームがあります： <input type="text" ng-model="searchText" /> <button ng-click="check()">Check!</button> {{ searchText }} 次にコントローラーで（テンプレートとコントローラーはrouteProviderから呼び出されます）： $scope.check = function () { console.log($scope.searchText); } ボタンをクリックすると、コンソールでビューが正しく更新されていても定義されていないのはなぜですか？ ありがとう！ 更新：私は実際にその問題を解決したようです（以前にいくつかの回避策を考案する必要がありました）。プロパティ名をからsearchTextに変更し、コントローラでsearch.text空の$scope.search = {};オブジェクトを定義して、出来上がり...なぜそれが機能しているかわからない;]
11
条件式を使用したAngularJS ngスタイル
私はこのように私の問題を処理しています： ng-style="{ width: getTheValue() }" しかし、コントローラー側でこの機能を使用しないようにするために、私は次のようなことをしたいと思います： ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }" これどうやってするの？
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.