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

Angular.jsはng、以下のような接頭辞が付いたいくつかのディレクティブを使用します。 ng （基本ディレクティブ） ng-switch ng-repeat ng-view 私はngドキュメントでそれを見つけることができなかったので、誰かが何が立っているのか知っているのではないかと思っていました。それは何かの頭字語ですか？

266 angularjs 

StackOverflowでng-transcludeについて議論する多くの質問を見てきましたが、それが何であるかを素人の言葉で説明するものはありません。 ドキュメントの説明は次のとおりです。 トランスクルージョンを使用する最も近い親ディレクティブの隠されたDOMの挿入ポイントをマークするディレクティブ。 これはかなり混乱します。誰かが簡単な言葉でng-transcludeが何をするつもりで、どこでそれが使われるのかを説明できるでしょうか？

266 angularjs  angularjs-directive  transclusion 

私が使用しようとしている$sanitizeプロバイダとng-bind-htm-unsafeDIVの中に注入HTMLへの私のコントローラを許可するように指示を。 しかし、私はそれを機能させることができません。 <div ng-bind-html-unsafe="{{preview_data.preview.embed.html}}"></div> AngularJSから削除されたからだとわかりました（ありがとう）。 しかし、なしでng-bind-html-unsafe、私はこのエラーを受け取ります： http://errors.angularjs.org/undefined/$sce/unsafe

265 html  angularjs 

typeのHTML要素を提供し、スコープ変数と文字列を連結divしたid属性の値を設定する方法は？

265 javascript  angularjs  angularjs-scope  string-concatenation 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 6年前休業。 ロックされています。この質問とトピックへの回答はロックされています。質問はトピックから外れていますが、歴史的に重要です。現在、新しい回答や相互作用を受け入れていません。 私はAngularJSにかなり慣れていないので、少し厄介です。簡単なものは非常に簡単ですが、高度なものは非常に困難です（ディレクティブ、プロバイダー/サービス/ファクトリー...） ドキュメントにはちょうどそれらのものを学ぶために始めている誰かのために非常に有用ではありません。そして、自分で自分で書くのではなく、必要なもののディレクティブを常に探していることに気づきました。 Ember.jsを試してみたところ、生産性は大幅に向上しましたが、APIは大幅に変更されているため、今はスキップすることをお勧めします。 AngularJSに適切に入るためのより良いリソースはありますか？

265 angularjs 

新しいディレクティブを作成するときに使用するスコープのタイプを決定するのに役立つガイドラインを探しています。理想的には、一連の質問を案内して正しい答えを表示するフローチャートに似たものを望みます。新しい新しいスコープ、新しい子スコープ、または新しい分離スコープはありませんが、多すぎると思われます。これが私の現在のちょっとしたガイドラインです： ディレクティブを使用する要素がng-model を使用する場合は分離スコープを使用しないでください。分離スコープでng-model を使用できますか？を参照してください。そして なぜフォーマッタは孤立範囲では動作しませんか？ ディレクティブがスコープ/モデルプロパティを変更しない場合は、新しいスコープを作成しないでください ディレクティブが一連のDOM要素をカプセル化している場合、分離スコープはうまく機能するようです（ドキュメントは「複雑なDOM構造」と記載されている）、ディレクティブが要素として使用される場合、または同じ要素に他のディレクティブがない。 要素に分離スコープを持つディレクティブを使用すると、同じ要素の他のすべてのディレクティブが同じ（1）分離スコープを使用するように強制されるので、分離スコープを使用できる場合、これは厳しく制限されませんか？ Angular-UIチームのメンバー（または多くのディレクティブを作成した他のチーム）が経験を共有できることを願っています。 「再利用可能なコンポーネントには分離されたスコープを使用する」という単純な答えを追加しないでください。

265 angularjs  angularjs-directive  angularjs-scope 

テンプレートファイルを配信するアセットホストが別のドメインにあるクロスオリジンリソースと通信するようにAngularJSを設定しようとしています。そのため、angularが実行するXHRリクエストはクロスドメインでなければなりません。これを機能させるために、HTTPリクエスト用の適切なCORSヘッダーをサーバーに追加しましたが、機能していないようです。問題は、ブラウザー（クロム）でHTTPリクエストを検査すると、アセットファイルに送信されるリクエストがOPTIONSリクエスト（GETリクエストであるはず）であることです。 これがAngularJSのバグなのか、何かを設定する必要があるのか​​わかりません。XHRラッパーはOPTIONS HTTPリクエストを作成できないので、ブラウザーがGETリクエストを実行する前に最初にアセットをダウンロードできるかどうかを判断しようとしているようです。この場合、資産ホストにもCORSヘッダー（Access-Control-Allow-Origin：http : //asset.host ..。）を設定する必要がありますか？

264 angularjs  cors  cross-domain  preflight 

ボタンがクリックされたときにアイテムを削除できるようにする関数を記述しようとしていますが、関数と混同していると思います$digest。使用しますか？ HTMLとapp.js： <ul ng-repeat="bday in bdays"> <li> <span ng-hide="editing" ng-click="editing = true">{{bday.name}} | {{bday.date}}</span> <form ng-show="editing" ng-submit="editing = false"> <label>Name:</label> <input type="text" ng-model="bday.name" placeholder="Name" ng-required/> <label>Date:</label> <input type="date" ng-model="bday.date" placeholder="Date" ng-required/> <br/> <button class="btn" type="submit">Save</button> <a class="btn" ng-click="remove()">Delete</a> </form> </li> </ul> $scope.remove = function(){ $scope.newBirthday = $scope.$digest(); };

261 html  angularjs  edit 

Node / Expressを使用して小さなAPIを作成し、Angularjsを使用してデータをプルしようとしましたが、htmlページがlocalhost：8888のApacheの下で実行されており、ノードAPIがポート3000でリッスンしているため、「アクセス制御なし」になります。 Allow-Origin '。node-http-proxyApache を使用してVhosts を試してみました が、あまり成功していません。以下の完全なエラーとコードを参照してください。 XMLHttpRequestはlocalhost：3000をロードできません。リクエストされたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン 'localhost：8888'はアクセスを許可されていません。 // Api Using Node/Express var express = require('express'); var app = express(); var contractors = [ { "id": "1", "name": "Joe Blogg", "Weeks": 3, "Photo": "1.png" } ]; app.use(express.bodyParser()); app.get('/', function(req, res) { res.json(contractors); }); app.listen(process.env.PORT || 3000); console.log('Server is …

260 node.js  angularjs  rest  express  cors 

呼び出したいWebサービスがいくつかあります。$resourceまたは$http、どちらを使用すればよいですか？ $resource：https : //docs.angularjs.org/api/ngResource/service/$resource $http：https : //docs.angularjs.org/api/ng/service/$http 上記の2つのAPIページを読んだ後、私は道に迷いました。 何が違うのか、どんな状況で使うべきなのかを分かりやすい英語で説明していただけませんか？これらの呼び出しを構造化し、結果をjsオブジェクトに正しく読み取るにはどうすればよいですか？

257 javascript  web-services  angularjs 

angular.jsのURLから＃記号を削除することはできますか？ ビューを変更してURLをパラメーターで更新するときに、ブラウザーの戻るボタンなどを引き続き使用できるようにしたいのですが、＃記号は必要ありません。 チュートリアルrouteProviderは次のように宣言されています。 angular.module('phonecat', []). config(['$routeProvider', function($routeProvider) { $routeProvider. when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}). when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}). otherwise({redirectTo: '/phones'}); }]); ＃なしで同じ機能を持つようにこれを編集できますか？

257 angularjs  url  ngroute 

AngularJS私が使用しているng-class次のように： <div class="bigIcon" data-ng-click="PickUp()" ng-class="{first:'classA', second:'classB', third:'classC', fourth:'classC'}[call.State]"/> if-else式を使用して次のようなことを実行できるかどうか疑問に思っています。 <div class="bigIcon" data-ng-click="PickUp()" ng-class="{first:'classA', second:'classB', else:'classC'}[call.State]"/> それで、それぞれの値とcall.Stateは異なるfirstかsecond使用classCするたびに、それぞれの値を指定しないようにしますか？

257 angularjs  ng-class 

角度のあるforeachループがあり、値が一致した場合にループから抜け出したいと思います。次のコードは機能しません。 angular.forEach([0,1,2], function(count){ if(count == 1){ break; } }); どうすれば入手できますか？

256 angularjs  javascript-framework 

メモリ内に約1000項目のデータセットがあり、このデータセットのポケットベルを作成しようとしていますが、これを行う方法がわかりません。 結果をフィルター処理するためにカスタムフィルター関数を使用していますが、これは正常に機能しますが、どういうわけかページ数を取得する必要があります。 手がかりはありますか？

254 angularjs  pagination 

角度コントローラー内に関数があり、この関数をドキュメントで実行できるようにしたいのですが、domが作成されると、angularが関数を実行することに気付きました。 function myController($scope) { $scope.init = function() { // I'd like to run this on document ready } $scope.init(); // doesn't work, loads my init before the page has completely loaded } 誰もが私がこれについてどうやって行くことができるか知っていますか？

254 javascript  angularjs  onload