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

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

15
jQueryの背景がある場合、「AngularJSで考える」[閉まっている]
休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 4年前休業。 ロックされています。質問はトピックから外れていますが、歴史的に重要であるため、この質問とその回答はロックされています。現在、新しい回答や相互作用を受け入れていません。 jQueryでのクライアント側アプリケーションの開発に精通しているとしましょう。しかし、AngularJSの使用を開始したいと思います。必要なパラダイムシフトについて説明できますか?回答の組み立てに役立つと思われるいくつかの質問を次に示します。 クライアント側のWebアプリケーションを異なる方法で設計および設計するにはどうすればよいですか?最大の違いは何ですか? 何をする/使うのをやめるべきか; 代わりに何をしますか/使用を始めるべきですか? サーバー側の考慮事項/制限はありますか? 私はとの詳細な比較を探していないよjQueryとAngularJS。


14
AngularJSでデータバインディングはどのように機能しますか?
AngularJSフレームワークでデータバインディングはどのように機能しますか? 彼らのサイトで技術的な詳細は見つかりませんでした。データがビューからモデルに伝達されるときの動作は多かれ少なかれ明確です。しかし、AngularJSは、セッターとゲッターなしでモデルプロパティの変更をどのように追跡するのでしょうか。 この作業を行うJavaScriptウォッチャーがあることがわかりました。ただし、Internet Explorer 6およびInternet Explorer 7 ではサポートされていません。では、AngularJSは、たとえば次の変更を行い、この変更をビューに反映したことをどのようにして知るのでしょうか。 myobject.myproperty="new value";


22
クラスを条件付きで適用する最良の方法は何ですか?
あなたがでレンダリングされたアレイ考えてみましょうulとのli各要素と呼ばれるコントローラのプロパティのためにselectedIndex。AngularJS liのインデックスselectedIndexでクラスを追加する最良の方法は何でしょうか? 私は現在、liコードを(手動で)複製し、liタグの1つにクラスを追加し、インデックスごとに1 つだけを使用ng-showしng-hideて表示していliます。
1183 css  angularjs 

6
AngularJSで$ scope。$ watchと$ scope。$ applyを使用するにはどうすればよいですか?
私が使用方法を理解していない$scope.$watchと$scope.$apply。公式ドキュメントは役に立ちません。 私が具体的に理解していないこと: それらはDOMに接続されていますか? モデルのDOM変更を更新するにはどうすればよいですか? それらの間の接続点は何ですか? 私はこのチュートリアルを試しましたが、それは理解$watchと$apply当たり前のことです。 何をし$apply、何を$watchし、どのように適切に使用しますか?

15
angular-routeとangular-ui-routerの違いは何ですか?
大きなアプリケーションでAngularJSを使用する予定です。そのため、使用する適切なモジュールを見つける準備をしています。 ngRoute(angular -route.js)モジュールとui-router(angular-ui-router.js)モジュールの違いは何ですか? 多くの記事でngRouteが使用されている場合、ルートは$ routeProviderで構成されます。ただし、ui-routerで使用する場合、ルートは$ stateProviderおよび$ urlRouterProviderで構成されます。 管理性と拡張性を向上させるには、どのモジュールを使用すればよいですか?

18
AngularJSのディレクティブスコープの「@」と「=」の違いは何ですか?
このトピックに関するAngularJSのドキュメントを注意深く読み、次にディレクティブをいじっています。こちらがフィドルです。 そしてここにいくつかの関連するスニペットがあります: HTMLから: <pane bi-title="title" title="{{title}}">{{text}}</pane> ペインディレクティブから: scope: { biTitle: '=', title: '@', bar: '=' }, 取得できないことがいくつかあります。 なぜ"{{title}}"with '@'と"title"一緒に使用する必要があるの'='ですか? 要素を属性で装飾せずに、親スコープに直接アクセスすることもできますか? ドキュメントには、「式を介して分離されたスコープから親スコープにデータを渡すことが望ましい場合が多い」とありますが、双方向バインディングでもうまく機能するようです。なぜ発現経路の方が良いのでしょうか? 式の解決策を示す別のフィドルも見つけました:http : //jsfiddle.net/maxisam/QrCXh/

9
angular.service対angular.factory
angular.factory()とangular.service()の両方がサービスの宣言に使用されるのを見てきました。ただし、公式ドキュメントには angular.serviceどこにもありません。 2つの方法の違いは何ですか? 何が何のために使われるべきですか?

3
AngularJSのスコープのプロトタイプ/プロトタイプの継承のニュアンスは何ですか?
APIリファレンスScopeページは言います: スコープは親スコープから継承できます。 開発者ガイドScopeページは言います: スコープは(典型的には)親スコープからプロパティを継承します。 では、子スコープは常に親スコープからプロトタイプを継承しますか? 例外はありますか? 継承する場合、それは常に通常のJavaScriptプロトタイプの継承ですか?

7
AngularJSコントローラーの 'this'と$ scope
AngularJSのホームページの「Create Components」セクションに、次の例があります。 controller: function($scope, $element) { var panes = $scope.panes = []; $scope.select = function(pane) { angular.forEach(panes, function(pane) { pane.selected = false; }); pane.selected = true; } this.addPane = function(pane) { if (panes.length == 0) $scope.select(pane); panes.push(pane); } } selectメソッドがに追加されている$scopeが、addPaneメソッドがに追加されていることに注意してくださいthis。に変更すると$scope.addPane、コードが壊れます。 ドキュメントには実際には違いがあると書かれていますが、違いが何であるかについては触れられていません: Angularの以前のバージョン(1.0 RC以前)thisでは、$scopeメソッドと互換的に使用できましたが、これは当てはまりません。スコープに定義されたメソッドの内部thisと$scope(角セットは互換性がありますthisに$scopeではなく、それ以外の場合は、あなたのコントローラのコンストラクタの内部で、)。 どのようにthisして$scopeAngularJSのコントローラで動作しますか?

12
$ scope。$ emitおよび$ scope。$ onの操作
とメソッド$scopeを使用して.$emit、あるコントローラから別のコントローラにオブジェクトを送信するにはどうすればよい.$onですか? function firstCtrl($scope) { $scope.$emit('someEvent', [1,2,3]); } function secondCtrl($scope) { $scope.$on('someEvent', function(mass) { console.log(mass); }); } 思ったように動かない。どのようにし$emitて$on機能しますか?

28
AngularJS:$ scope。$ apply()を呼び出すときにすでに進行中のエラー$ digestを防止します
Angularでアプリケーションを構築してから、ページをスコープに手動で更新する必要があることがわかりました。 これを行うために知っている唯一の方法$apply()は、コントローラーとディレクティブのスコープから呼び出すことです。これの問題は、次のようなエラーがコンソールにスローされ続けることです。 エラー:$ digestはすでに進行中です このエラーを回避する方法、または同じことを異なる方法で達成する方法を誰かが知っていますか?

18
AngularJSコントローラーからビューにHTMLを挿入する
HTMLを作成することは可能ですかAngularJSコントローラーでフラグメントこのHTMLをビューに表示することは可能ですか? これは、一貫性のないJSON blobをネストされたid: valueペアのリストに変換する必要があるためです。したがって、HTMLはコントローラーで作成され、表示しようとしています。 モデルプロパティを作成しましたが、HTMLを印刷するだけではビューに表示できません。 更新 問題は、作成されたHTMLを引用符で囲まれた文字列として角度レンダリングすることから発生するようです。これを回避する方法を見つけようとします。 コントローラーの例: var SomeController = function () { this.customHtml = '<ul><li>render me please</li></ul>'; } ビューの例: <div ng:bind="customHtml"></div> 与える: <div> "<ul><li>render me please</li></ul>" </div>

30
入力フィールドにフォーカスを設定するにはどうすればよいですか?
AngularJSの入力フィールドにフォーカスを設定する「Angularの方法」とは何ですか? より具体的な要件: モーダルを開いたら、<input>このモーダル内の事前定義されたものにフォーカスを設定します。 <input>ボタンがクリックされるなどして表示されるたびに、フォーカスを合わせます。 私は、最初の要件を達成しようとしたとしautofocusますが、これはモーダルが初めて開かれ、唯一の特定のブラウザで(Firefoxでそれが動作しないなど)ときにのみ機能します。 どんな助けでもありがたいです。

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