プログラミング angularjs

6

このようなng-repeatを使用してリストを作成しています <div ng-repeat="file in files"> {{file.name}} </div> ただし、最後の要素だけに、クラス（<div class="last">test</div>）を含めたいと思います。ng-repeatを使用してこれをどのように達成できますか？

152 angularjs

2

サービス、ディレクティブ、モジュールの違いは何ですか？

たくさんのドキュメントを読んでいますが、どんどん混乱しています。私は基本的に違いを理解できませんサービス指令モジュールカスタムコンポーネントがたくさんあります。ディレクティブを使用していることもあれば、サービスを使用していることもあります。それは常にモジュールから始まります。誰かがこれらの3つのタイプの違いを例で説明できますか？

151 angularjs

5

複数の条件を持つAngularJS ng-if

次のようなものが可能かどうかを知りたいです。 div ng-repeat="(k,v) in items" <div ng-if="k == 'a' || k == 'b'">  </div> アイテムがリクエストを通じて受信したJSONコンテナーであることを知っているため、キーと値のメソッドを使用しています。ありがとう私はそれをグーグルで試したので私は尋ねています、しかし私が得ることができる唯一の結果はでしたがng-switch、私は使用しなければなりませんng-if。

151 angularjs

4

Angular.jsでAJAX呼び出しを行うためのベストプラクティスは何ですか？

私はこの記事を読んでいました：http : //eviltrout.com/2013/06/15/ember-vs-angular.html そしてそれは言った、規約が欠けているため、コントローラー内で直接AJAX呼び出しなどの悪い習慣に依存しているAngularプロジェクトはいくつあるのでしょうか。依存関係の注入により、開発者はルーターパラメータをディレクティブに注入していますか？初心者のAngularJS開発者は、経験豊富なAngularJS開発者が慣用的であると信じる方法でコードを構成しようとしていますか？実際$httpにAngular.jsコントローラーから呼び出しを行っています。なぜそれが悪い習慣なのですか？では、$http電話をかけるためのベストプラクティスは何ですか？なぜ？

151 angularjs

3

Angular.js：$ evalはどのように機能し、なぜバニラevalと異なるのですか？

$scope.$evalディレクティブで頻繁に見られるあなたに興味があったので、ソースをチェックアウトしたところ、次のものが見つかりましたrootScope.js： $eval: function(expr, locals) { return $parse(expr)(this, locals); }, $parseParseProviderin によって定義されてparse.jsいるように見えます。これは、独自のある種のミニ構文を定義しているようです（ファイルは900行です）。私の質問は：正確には何をし$evalていますか？なぜ独自のミニ解析言語が必要なのですか？単純な古いJavaScript evalが使用されないのはなぜですか？

151 angularjs

11

select2入力の幅を設定する（Angular-uiディレクティブを使用）

このplunkr（select2 + angulat-ui）を機能させるのに問題があります。 http://plnkr.co/edit/NkdWUO?p=preview ローカルセットアップで、select2の動作を取得しましたが、ドキュメントで説明されているように幅を設定できません。幅が狭すぎて使用できません。ありがとうございました。編集：そのplnkrを気にしないでください、私はここhttp://jsfiddle.net/pEFy6/で作業フィドルを見つけました最初の要素の幅に縮小するのはselect2の動作のようです。ブートストラップをclass="input-medium"使用して幅を設定できますが、angular-uiが構成パラメーターを取得しない理由はまだわかりません。

151 css twitter-bootstrap angularjs jquery-select2

6

カスタムディレクティブのスコープバインディングでの記号「@」、「＆」、「=」、「>」の使用：AngularJS

AngularJSでのカスタムディレクティブの実装でのこれらのシンボルの使用についてはたくさん読んだことがありますが、コンセプトはまだはっきりしていません。つまり、カスタムディレクティブでスコープ値の1つを使用するとはどういう意味ですか？ var mainApp = angular.module("mainApp", []); mainApp.directive('modalView',function(){ return{ restrict:'E', scope:'@' OR scope:'&' OR scope:'=' OR scope:'>' OR scope:true } }); コードスニペットを実行する結果を非表示スニペットを展開ここのスコープで正確に何をしているのですか？また、公式ドキュメントに"scope： '>'"が存在するかどうかもわかりません。私のプロジェクトで使用されています。編集-1 「scope： '>'」の使用は私のプロジェクトの問題であり、修正されました。

151 angularjs angularjs-directive angularjs-scope

1

Angular.js対Knockout.js対Backbone.js [終了]

休業。この質問は意見に基づいています。現在、回答を受け付けていません。この質問を改善したいですか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前休業。この質問を改善する私の個人的なプロジェクトでは、KnockoutまたはAngularまたはBackboneの使用を検討しています。私は、サーバー側のものと連携するために、より大きく、より長時間実行されるクライアント側の相互作用を構築する必要があります。データドリブンユーザーインターフェイスを管理するシンプルで効果的な方法が欲しいのですが。実現可能性とパフォーマンスの側面に基づいて、上記の私の問題を解決するためにどのフレームワークを選択しますか？

150 angularjs backbone.js knockout-2.0

9

angularjs：background-image：url（…）と同等のng-src

angularjsでは、持っているタグNG-SRC angularjsが間に配置された変数を評価するために取得する前に、無効なURLのためにエラーが表示されないことを目的あり{{とを}}。問題はbackground-image、URLへのセットでかなりのDIVを使用することです。これbackground-sizeは、DIVの正確なサイズに画像をトリミングする優れたCSS3プロパティがあるためです。唯一の問題は、ng-srcタグを作成したのとまったく同じ理由で多くのエラーを受け取ることです。URLにいくつかの変数があり、ブラウザーは画像が存在しないと見なしています。私は原油を書く可能性があることを理解していますが、{{"style='background-image:url(myVariableUrl)'"}}これは「汚い」ようです。私はたくさん検索しましたが、これを行う正しい方法を見つけることができません。これらのエラーのすべてが原因で、アプリがごちゃごちゃになっています。

150 css angularjs

7

ngRepeatを使用するときに表示される結果の数を制限する

AngularJSチュートリアルを理解するのは難しいと思います。これは、電話を表示するアプリを作成する手順を示しています。私はステップ5にいます。実験として、表示したい数をユーザーが指定できるようにしようと思いました。ビューは次のようになります。 <body ng-controller="PhoneListCtrl"> <div class="container-fluid"> <div class="row-fluid"> <div class="span2">  Search: <input ng-model="query"> How Many: <input ng-model="quantity"> Sort by: <select ng-model="orderProp"> <option value="name">Alphabetical</option> <option value="age">Newest</option> </select> </div> <div class="span10">  <ul class="phones"> <li ng-repeat="phone in phones | filter:query | orderBy:orderProp"> {{phone.name}} <p>{{phone.snippet}}</p> </li> </ul> </div> </div> </div> </body> …

148 javascript model-view-controller angularjs scope

12

ng-optionを使用してselect要素のデフォルト値を設定する方法

Angular selectディレクティブのドキュメントは、http：//docs.angularjs.org/api/ng.directive：selectで確認しました。デフォルト値の設定方法がわかりません。これは紛らわしいです：配列の値のラベルとして選択ここにオブジェクトがあります： { "type": "select", "name": "Service", "value": "Service 3", "values": [ "Service 1", "Service 2", "Service 3", "Service 4"] } html（動作中）： <select><option ng-repeat="value in prop.values">{{value}}</option></select> 次に、select要素内にng-option属性を追加しprop.valueて、デフォルトオプションとして設定しようとしています（機能していません）。 ng-options="(prop.value) for v in prop.values" 何が悪いのですか？

148 angularjs

5

「デコレータ」とは何ですか？

AngularJSのデコレーターの正確なところを知りたいです。AngularJSのドキュメントの言い訳や、YouTubeビデオでの（興味深いものの）簡単な言及を除いて、デコレーターのためのオンラインの情報はあまりありません。 Angularの連中が言うように、デコレータは次のとおりです。サービスの装飾。デコレータがサービスインスタンスの作成をインターセプトできるようにします。返されるインスタンスは、元のインスタンスか、元のインスタンスに委任された新しいインスタンスです。それが何を意味するのか本当にわかりませんし、なぜこのロジックをサービス自体から切り離すのかわかりません。たとえば、異なる条件下で異なるものを返したい場合は、関連する関数に異なる引数を渡すか、そのプライベート状態を共有する別の関数を使用します。私はまだAngularJSの初心者なので、私が気付いたのは単に無知や悪い習慣だと思います。

148 javascript angularjs decorator angularjs-decorator

13

AngularJSのインスタント検索を遅らせる方法は？

解決できないように見えるパフォーマンスの問題があります。私はインスタント検索を行っていますが、それぞれで検索を開始するので、少し面倒keyup()です。 JS： var App = angular.module('App', []); App.controller('DisplayController', function($scope, $http) { $http.get('data.json').then(function(result){ $scope.entries = result.data; }); }); HTML： <input id="searchText" type="search" placeholder="live search..." ng-model="searchText" /> <div class="entry" ng-repeat="entry in entries | filter:searchText"> <span>{{entry.content}}</span> </div> JSONデータはそれほど大きくなく、300 KBだけではありません。私が達成する必要があるのは、キーストロークごとにアクションを実行するのではなく、ユーザーが入力を完了するのを待つために、検索に約1秒の遅延を設けることです。AngularJSはこれを内部で行います。ここでドキュメントやその他のトピックを読んだ後、特定の答えを見つけることができませんでした。インスタント検索をどのように遅らせることができるかについてのアドバイスをいただければ幸いです。

147 search filter angularjs timeout delay

10

AngularJsでCORSを有効にする方法

Flickr写真検索APIのJavaScriptを使用してデモを作成しました。今、私はそれをAngularJsに変換しています。私はインターネットで検索し、以下の構成を見つけました。構成： myApp.config(function($httpProvider) { $httpProvider.defaults.useXDomain = true; delete $httpProvider.defaults.headers.common['X-Requested-With']; }); サービス： myApp.service('dataService', function($http) { delete $http.defaults.headers.common['X-Requested-With']; this.flickrPhotoSearch = function() { return $http({ method: 'GET', url: 'http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=3f807259749363aaa29c76012fa93945&tags=india&format=json&callback=?', dataType: 'jsonp', headers: {'Authorization': 'Token token=xxxxYYYYZzzz'} }); } }); コントローラ： myApp.controller('flickrController', function($scope, dataService) { $scope.data = null; dataService.flickrPhotoSearch().then(function(dataResponse) { $scope.data = dataResponse; console.log($scope.data); }); …

147 javascript angularjs xmlhttprequest cors

5

AngularJS：デザインパターンを理解する

AngularJSのリーダーであるIgor Minarによるこの投稿に関連して： MVP対MVVM対MVC。多くの開発者が何時間もの時間を費やして議論し、議論することができる、議論の余地のあるトピックです。数年間AngularJSは（というか1そのクライアント側の変異体）に近いMVCとなりましたが、時間と多くのリファクタリングとAPIの改善のおかげ上で、それが近い今だMVVM - $スコープオブジェクトは、考えることができるのViewModelされていることControllerと呼ばれる関数で装飾されています。フレームワークを分類してMV *バケットの1つに配置できることには、いくつかの利点があります。フレームワークを使用して構築されているアプリケーションを表すメンタルモデルを簡単に作成できるようにすることで、開発者がAPIに慣れるのに役立ちます。また、開発者が使用する用語の確立にも役立ちます。とは言っても、開発者がMV *のナンセンスについて議論するのに時間を浪費するのではなく、開発者が適切に設計され、懸念の分離に従ってキックアスアプリを構築する方がいいと思います。このため、AngularJSをMVWフレームワーク-Model-View-Whateverとして宣言します。「何でもあなたのために働く」の意味。 Angularは、ビジネスロジックやプレゼンテーション状態からプレゼンテーションロジックをうまく分離する多くの柔軟性を提供します。1日の終わりにそれほど重要ではないことについての白熱した議論ではなく、生産性とアプリケーションの保守性を向上させるために使用してください。 AngularJS MVW（Model-View-Whatever）設計パターンをクライアント側アプリケーションに実装するための推奨事項またはガイドラインはありますか？

147 javascript angularjs design-patterns architecture client-side

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

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