プログラミング angularjs

10

AngularJSテンプレートで条件を実行したいのですが。Youtube APIから動画リストを取得します。16：9の比率のビデオもあれば、4：3の比率のビデオもあります。私はこのような条件を作りたいです： if video.yt$aspectRatio equals widescreen then element's attr height="270px" else element's attr height="360px" 私はを使用してビデオを反復していng-repeatます。この状態で何をすべきかわからない：スコープに関数を追加しますか？テンプレートでそれをしますか？

702 if-statement angularjs

15

検索エンジンはAngularJSアプリケーションをどのように扱いますか？

AngularJSアプリケーションには、検索エンジンとSEOに関する2つの問題があります。 1）カスタムタグはどうなりますか？検索エンジンはこれらのタグ内のコンテンツ全体を無視しますか？つまり、私が持っていると仮定します <custom> <h1>Hey, this title is important</h1> </custom> う<h1>カスタムタグ内であるにもかかわらず、インデックスを作成しますか？ 2）文字通り{{}}バインドのインデックス付けを行う検索エンジンを回避する方法はありますか？すなわち <h2>{{title}}</h2> 私は次のようなことができることを知っています <h2 ng-bind="title"></h2> しかし、実際にクローラーにタイトルを「表示」させたい場合はどうなりますか？サーバー側のレンダリングが唯一のソリューションですか？

697 html angularjs seo search-engine google-search

9

AngularJSのng-repeatでキーと値を反復する方法は？

私のコントローラーには、次のようなデータがあります。 $scope.object = data これで、このデータはのキーと値を含む辞書になりますjson。 object.nameテンプレートで属性にアクセスできます。同様にキーを反復してテーブルに表示する方法はありますか？ <tr><td> {{key}} </td> <td> data.key </td> データはこんな感じ { "id": 2, "project": "wewe2012", "date": "2013-02-26", "description": "ewew", "eet_no": "ewew", }

679 angularjs angularjs-ng-repeat

29

AngularJSでチェックボックス値のリストにバインドするにはどうすればよいですか？

チェックボックスがいくつかあります。 <input type='checkbox' value="apple" checked> <input type='checkbox' value="orange"> <input type='checkbox' value="pear" checked> <input type='checkbox' value="naartjie"> コントローラのリストにバインドして、チェックボックスが変更されるたびにコントローラがチェックされたすべての値のリストを維持するようにしたい['apple', 'pear']。たとえば、 ng-modelは、1つのチェックボックスの値のみをコントローラーの変数にバインドできるようです。 4つのチェックボックスをコントローラーのリストにバインドできるようにする別の方法はありますか？

670 javascript angularjs

27

AngularJSのselectに空のオプションが含まれているのはなぜですか？

私は過去数週間、AngularJSを使用してきましたが、本当に気になるのは、http：//docs.angularjs.org/api/ngの仕様で定義されているすべての順列または構成を試した後でもです。.directive：selectでも、select要素の最初の子として空のオプションを取得します。これがジェイドです： select.span9(ng-model='form.type', required, ng-options='option.value as option.name for option in typeOptions'); ここでコントローラ： $scope.typeOptions = [ { name: 'Feature', value: 'feature' }, { name: 'Bug', value: 'bug' }, { name: 'Enhancement', value: 'enhancement' } ]; 最後に、生成されるHTMLは次のとおりです。 <select ng-model="form.type" required="required" ng-options="option.value as option.name for option in typeOptions" class="span9 ng-pristine ng-invalid ng-invalid-required"> <option …

652 angularjs

15

コントローラーでフィルターを使用するには？

渡した引数に基づいてデータを返すフィルター関数を作成しました。私のコントローラーにも同じ機能が必要です。フィルター機能をコントローラーで再利用することは可能ですか？これは私がこれまでに試したことです： function myCtrl($scope,filter1) { // i simply used the filter function name, it is not working. }

649 angularjs angular-filters ng-controller

20

サービスと工場について混乱

私が理解しているように、ファクトリー内でコントローラーに注入されるオブジェクトを返します。サービス内では、this何も返さずにオブジェクトを使用して処理しています。私は、サービスは常にシングルトンであり、すべてのコントローラーに新しいファクトリー・オブジェクトが注入されると想定していました。しかし、結局のところ、ファクトリオブジェクトもシングルトンですか？デモするコードの例： var factories = angular.module('app.factories', []); var app = angular.module('app', ['ngResource', 'app.factories']); factories.factory('User', function () { return { first: 'John', last: 'Doe' }; }); app.controller('ACtrl', function($scope, User) { $scope.user = User; }); app.controller('BCtrl', function($scope, User) { $scope.user = User; }); 変更user.firstするACtrlと、たとえばシングルトンも変更されることuser.firstがわかります。BCtrlUser 私の仮定は、新しいインスタンスがファクトリーを持つコントローラーにインジェクトされたということでしたか？

618 angularjs

13

あるAngularJSコントローラーが別のコントローラーを呼び出すことはできますか？

1つのコントローラーで別のコントローラーを使用することはできますか？例えば：このHTMLドキュメントは、MessageCtrlコントローラによって配信されたメッセージをmessageCtrl.jsファイルに出力するだけです。 <html xmlns:ng="http://angularjs.org/"> <head> <meta charset="utf-8" /> <title>Inter Controller Communication</title> </head> <body> <div ng:controller="MessageCtrl"> <p>{{message}}</p> </div>  <script src="http://code.angularjs.org/angular-0.9.19.js" ng:autobind></script> <script src="js/messageCtrl.js" type="text/javascript"></script> </body> </html> コントローラファイルには、次のコードが含まれています。 function MessageCtrl() { this.message = function() { return "The current date is: " + new Date().toString(); }; } 現在の日付を出力するだけです。 …

581 javascript html angularjs

7

AngularJSが$ http.getリクエストにデータを渡す

http POSTリクエストを実行する関数があります。コードを以下に示します。これは正常に動作します。 $http({ url: user.update_path, method: "POST", data: {user_id: user.id, draft: true} }); http GETの別の関数があり、その要求にデータを送信したい。しかし、getにはそのオプションはありません。 $http({ url: user.details_path, method: "GET", data: {user_id: user.id} }); の構文http.getは get（url、config）

577 javascript angularjs javascript-framework

27

AngularJSのng-optionsでvalueプロパティを設定するにはどうすればよいですか？

多くの人（私を含む）を悩ませているようです。 ng-optionsAngularJS のディレクティブを使用して<select>タグのオプションを入力するとき、オプションの値を設定する方法がわかりません。これのドキュメントは本当に不明確です-少なくとも私のような単純な人にとっては。私はオプションのテキストを次のように簡単に設定できます： ng-options="select p.text for p in resultOptions" resultOptionsたとえば、次のような場合です。 [ { "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" } ] これは、オプションの値を設定するための最も簡単な方法であるはずです（おそらくそうでしょう）が、今のところ、それを取得できません。

557 javascript angularjs

8

ng-modelとng-bindの違いは何ですか

私は現在、AngularJSを学んだし、間の違いを理解する難しさを持っていますng-bindとng-model。誰が私にそれらの違いを教えてくれますか？

554 angularjs angular-ngmodel ng-bind

11

ng-classを使用して複数のクラスを追加する

複数のng-classを追加するために複数の式を使用できますか？たとえば。 <div ng-class="{class1: expressionData1, class2: expressionData2}"></div> はいの場合、誰でもそうするために例をあげることができます。。

542 angularjs ng-class

23

AngularJS実行コントローラーを2回実行する

AngularJSはいくつかのコードを2回、場合によってはさらに多く、たとえば$watchイベントのように実行し、モデルの状態を常にチェックすることを理解しています。しかし私のコード： function MyController($scope, User, local) { var $scope.User = local.get(); // Get locally save user data User.get({ id: $scope.User._id.$oid }, function(user) { $scope.User = new User(user); local.save($scope.User); }); //... 2回実行され、2つのレコードがDBに挿入されます。私は何年もの間これに頭をぶつけてきたので、私はまだまだ学んでいます！

532 angularjs

6

リンクvsコンパイルvsコントローラー

ディレクティブを作成すると、コードをコンパイラー、リンク関数、またはコントローラーに配置できます。ドキュメントでは、彼らはそれを説明しています：コンパイルおよびリンク機能は、角サイクルのさまざまなフェーズで使用されますコントローラーはディレクティブ間で共有されますただし、私にとっては、どの種類のコードをどこに配置すればよいかは明らかではありません。例：コンパイルで関数を作成し、それらをリンクのスコープにアタッチすることや、コントローラーのスコープに関数のみをアタッチすることはできますか？各ディレクティブが独自のコントローラーを持つことができる場合、コントローラーはディレクティブ間でどのように共有されますか？コントローラは本当に共有されているのですか、それともスコープのプロパティだけですか？

529 angularjs angularjs-directive

10

Polymer要素とAngularJSディレクティブの違いは何ですか？

Polymer Getting Startedページに、動作中のPolymerの例が表示されます。 <html> <head>  <script src="polymer-all/platform/platform.js"></script>  <link rel="import" href="x-foo.html"> </head> <body>  <x-foo></x-foo> </body> </html> あなたが気づくのはと<x-foo></x-foo>によって定義されplatform.jsていx-foo.htmlます。これはAngularJSのディレクティブモジュールに相当するようです： angular.module('xfoo', []) .controller('X-Foo', ['$scope',function($scope) { $scope.text = 'hey hey!'; }) .directive('x-foo', …

524 javascript angularjs polymer

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

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