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

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

2
AngularJSにjQueryプラグインを統合する正しい方法
jQueryプラグインを自分の角度のアプリに統合する正しい方法は何だろうと思っていました。チュートリアルとスクリーンキャストをいくつか見つけましたが、特定のプラグインに対応しているようです。 例：http : //amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/ http://www.youtube.com/watch?v=8ozyXwLzFYs そのようなディレクティブを作成する必要があります- App.directive('directiveName', function() { return { restrict: 'A', link: function(scope, element, attrs) { $(element).'pluginActivationFunction'(scope.$eval(attrs.directiveName)); } }; }); そして、htmlでスクリプトとディレクティブを呼び出しますか？ <div directiveName ></div> <script type="text/javascript" src="pluginName.js"></script> よろしくお願いします
10
フォーム内のボタンをクリックするとページが更新される
Angularに2つのボタンタグが含まれているフォームがあります。1つのボタンでフォームを送信しng-clickます。もう1つのボタンは、純粋にを使用したナビゲーション用ng-clickです。ただし、この2番目のボタンがクリックされると、AngularJSによってページの更新が発生し、404がトリガーされます。関数にブレークポイントをドロップすると、関数がトリガーされます。次のいずれかを実行すると、停止します。 を削除してng-clickも、ボタンを押してもページが更新されません。 関数のコードをコメントアウトしても、ページが更新されません。 ボタンタグをでアンカータグ（<a>）に変更href=""しても、更新されません。 後者は最も簡単な回避策のようですが、AngularJSがページの再読み込みを引き起こす関数の後にコードを実行しているのはなぜですか？バグのようです。 これがフォームです： <form class="form-horizontal" name="myProfile" ng-switch-when="profile"> <fieldset> <div class="control-group"> <label class="control-label" for="passwordButton">Password</label> <div class="controls"> <button id="passwordButton" class="secondaryButton" ng-click="showChangePassword()">Change</button> </div> </div> <div class="buttonBar"> <button id="saveProfileButton" class="primaryButton" ng-click="saveUser()">Save</button> </div> </fieldset> </form> これがコントローラーメソッドです： $scope.showChangePassword = function() { $scope.selectedLink = "changePassword"; };
8
Angularで$ rootScopeを使用して変数を格納するにはどうすればよいですか？
$rootScope後で別のコントローラーにアクセスしたいコントローラーに変数を格納するにはどうすればよいですか？例えば： angular.module('myApp').controller('myCtrl', function($scope) { var a = //something in the scope //put it in the root scope }); angular.module('myApp').controller('myCtrl2', function($scope) { var b = //get var a from root scope somehow //use var b }); どうすればいいですか？
2
安らかなPOST応答のための「ベスト」プラクティス
したがって、ここでは何も新しいことはありません。説明を求めているだけで、他の投稿では何も見つけられないようです。 私は思い切って新しいリソースを作成しています： /books (POST) ボディ付き： { title: 'The Lion, the Witch and the Wardrobe', author: 'C. S. Lewis' } 新しいリソースのLocationヘッダーを含む201（Created）を返す必要があることはわかっています。 Location: /books/12345 自分では答えられないように思える質問は、サーバーが本文で返す必要があるものです。 私はよくこのタイプの応答をしました： { id: 12345, title: 'The Lion, the Witch and the Wardrobe', author: 'C. S. Lewis' } これを行った理由はいくつかあります。 私はangularjsのようなフロントエンドフレームワーク用のAPIを書きました。私の特定のケースでは、角度リソースを使用しており、リソースを見つけるためにリソースのIDだけが必要になることがよくあります。応答本文でIDを返さなかった場合は、Locationヘッダーから解析する必要があります。 すべての本のGETでは、通常、IDだけでなくオブジェクト全体を返します。この意味で、クライアントコードは、IDをどこから取得するか（場所のヘッダーまたは本文）を区別する必要はありません。 今、私は本当に灰色の領域にいることを知っていますが、ほとんどの人は、リソース全体を返すことは「悪い」習慣だと言っています。しかし、サーバーがリソースに情報を変更または追加した場合はどうなるでしょうか。それは間違いなくIDを追加しますが、タイムスタンプのような他のものも追加するかもしれません。リソース全体を返さない場合は、POSTを実行し、IDを返してから、クライアントにGETを実行して新しいリソースを取得させる方が良いでしょう。
5
イベントハンドラーを「パッシブ」としてマークして、ページの応答性を高めることを検討してください
ドラッグにハンマーを使用していますが、この警告メッセージが私に伝えているように、他のものをロードするときにハンマーが途切れます。 メインスレッドがビジー状態のため、 'touchstart'入力イベントの処理がXミリ秒遅れました。ページの応答性を高めるために、イベントハンドラーを「パッシブ」としてマークすることを検討してください。 だから私はそのようにリスナーに「パッシブ」を追加しようとしました Hammer(element[0]).on("touchstart", function(ev) { // stuff }, { passive: true }); しかし、私はまだこの警告を受けています。
6
AngularJSの変数からiframe src属性を設定する方法
src変数からiframe の属性を設定しようとしていますが、機能させることができません... マークアップ： <div class="col-xs-12" ng-controller="AppCtrl"> <ul class=""> <li ng-repeat="project in projects"> <a ng-click="setProject(project.id)" href="">{{project.url}}</a> </li> </ul> <iframe ng-src="{{trustSrc(currentProject.url)}}"> Something wrong... </iframe> </div> controllers / app.js： function AppCtrl ($scope) { $scope.projects = { 1 : { "id" : 1, "name" : "Mela Sarkar", "url" : "http://blabla.com", "description" : "A professional …
7
AngularJSでディレクティブを動的に追加するにはどうすればよいですか？
私は私がやっていることの問題を非常に煮詰めたバージョンを持っています。 シンプルdirectiveです。要素をクリックすると、別の要素が追加されます。ただし、正しくレンダリングするには、最初にコンパイルする必要があります。 私の研究は私を導いた$compile。しかし、すべての例は複雑な構造を使用しているので、ここでどのように適用すればよいのか本当にわかりません。 フィドルはこちら：http ://jsfiddle.net/paulocoelho/fBjbP/1/ そしてJSはここにあります： var module = angular.module('testApp', []) .directive('test', function () { return { restrict: 'E', template: '<p>{{text}}</p>', scope: { text: '@text' }, link:function(scope,element){ $( element ).click(function(){ // TODO: This does not do what it's supposed to :( $(this).parent().append("<test text='n'></test>"); }); } }; }); Josh David Millerによるソリューション：http …
7
AngularJSにHTTP 'Get'サービスの応答をキャッシュしますか？
データオブジェクトが空の場合にHTTP 'Get'リクエストを作成し、成功時にデータオブジェクトを生成するカスタムAngularJSサービスを作成できるようにしたいのですが。 次にこのサービスが呼び出されたときに、HTTPリクエストを再度行うオーバーヘッドをバイパスし、代わりにキャッシュされたデータオブジェクトを返します。 これは可能ですか？
13
AngularJSは開発マシンの部分キャッシュを無効にします
AngularJSでパーシャルをキャッシュすることに問題があります。 私のHTMLページには次のものがあります。 <body> <div ng-view></div> <body> 私のパーシャルがロードされる場所。 パーシャルのHTMLコードを変更しても、ブラウザはまだ古いデータをロードします。 回避策はありますか？
15
ng-repeat終了イベント
テーブルでdivをターゲットとするjQuery関数を呼び出したいのですが。そのテーブルにはが入力されng-repeatます。 私がそれを呼び出すとき $(document).ready() 結果はありません。 また $scope.$on('$viewContentLoaded', myFunc); 助けにはならない。 ng-repeatポピュレーションが完了した直後に関数を実行する方法はありますか？customの使用に関するアドバイスを読みましたが、directiveng-repeatと私のdivでそれを使用する方法がわかりません...
6
Angularjs ng-modelがng-if内で機能しない
これが問題を示すフィドルです。 http://jsfiddle.net/Erk4V/1/ ng-ifの内部にng-modelがあると、モデルが期待どおりに動作しません。 これがバグなのか、それとも正しい使い方を誤解しているのか、気になります。 <div ng-app > <div ng-controller="main"> Test A: {{testa}}<br /> Test B: {{testb}}<br /> Test C: {{testc}}<br /> <div> testa (without ng-if): <input type="checkbox" ng-model="testa" /> </div> <div ng-if="!testa"> testb (with ng-if): <input type="checkbox" ng-model="testb" /> </div> <div ng-if="!someothervar"> testc (with ng-if): <input type="checkbox" ng-model="testc" /> </div> …
206 angularjs 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.