問題タブ [angularjs]

私はangularjsを研究しており、デモでサードパーティのRESTfulストアAPIでangularjsを使用する方法の例を見つけました：http：//jsfiddle.net/tey3H/

クライアント側でjsコードを書けるのはいい考えだと思います。しかし、私はこのコードを見るので、セキュリティについて心配しています：

コードにが含まれていることがわかりapiKeyます。クライアント側のコードには、mongolabに格納されているデータを変更する機能があります。他の人がキーを見つけた場合、データを簡単に変更することもできます。

だから私はセキュリティをどのように扱うのだろうか？

Angularjsはブラウザー側の mvc フレームワークであり、restful-apis を介してサーバー側と通信します。

通常、安らかなサービスをサポートするサーバー側のフレームワークはそれで動作しますが、うまく動作するものを探しています。

angularjs では、 a を使用し$resourceて、いくつかの操作を持つ外部リソースを定義できます。コードは次のようになります。

ご覧のとおり、コードの構造は 1 つの uri で多くの操作を行っています。

私はサーバー側の js が初めてで、Expressについて少し調べただけです。angularjsにはあまり合わないと思います。

デモを見ることができます：

1 つの uri をhttp-methods で区切ります。

次のようなコードを記述できるフレームワークを探しています。

コードはおそらく間違っていますが、言いたいことはわかると思います: angularjs 側と同様の構造を持っています。

私が試すことができるそのようなフレームワークはありますか?

私はこの種のリソースを持っています：var Products = $resource('companies/:companyId/products') 問題は、すべての会社の製品をURLで取得したいのですが、companies/productsリソースを使用し、取得しているcompanyIdを提供しないことですcompanies//products。おそらく、ちょうどのように別のURLを使用できます/productsが、同じことのために別のリソースが必要であることを意味しますか？

この単純なケースでは、URLをに変更できますcompanies/products/:companyIdが、それはかなり一般的なケースのようです。

AngularのすべてのDIドキュメントは、コードが本番環境であるときにサービスのシステム実装が必要であり、自動テストを実行しているときに、いくつかの模擬実装から選択するという考えに基づいているようです。

いいえ、依存関係の実用的な実装がいくつかあり、そのうちの1つを選択したいと思います（通常はURLに基​​づいて）。それ、どうやったら出来るの？

タグ入力用の jquery プラグインを使用して、標準のテキスト入力を装飾しています。これは、HTML のテキスト入力を、ユーザーがタグ名を書き込んで Enter キーを押して個別のグラフィカル タグに変換できるテキスト領域に置き換えます。( http://xoxco.com/projects/code/tagsinput/でデモを参照)

元のテキスト入力に ngModel ディレクティブを配置しています。

プラグインから変更ハンドラーをリッスンし、元のテキスト入力 HTML タグから ngModel 属性を解析し、スコープを直接更新することで、タグ入力フィールドで行われた変更でスコープを更新し続けることができます。

ただし、問題は、Angular がモデルの変更を検出し、バインドを使用してビューを更新するときに、元のテキスト入力に値を設定しているため、プラグインの更新時期を知るためにバインドできるイベントが発生しないことです。 "change" はユーザー入力によってのみ発生するためです。

デフォルトの ngModel ディレクティブの動作を変更して、特にモデルからビューへのバインディングを処理しているときに、イベントを発生させたり、指定した関数を実行したりする方法はありますか?

私はこのjson配列を持っています

[{会社：{id： "19"、features_id：null、features： "a：6：{i：1; s：1：" 1 "; i：2; s：1：" 2 "; i：3 ; s：1： "3"; i：4; s：1： "0"; i：5; s：1： "0"; i：6; s：1： "6";} "}、ユーザー：[]}、-{会社：{id： "20"、features_id：null、features： "a：6：{i：1; s：1：" 1 "; i：2; s：1：" 2 "; i：3; s：1：" 3 "; i：4; s：1：" 4 "; i：5; s：1：" 5 "; i：6; s：1：" 6 "; } "}、ユーザー：[{id：" 1 "、group_id：" 1 "、タイプ：null}]}]

何らかの理由で、divにデータを取得できません。任意の助けをいただければ幸いです。これがjsfidlerです

http://jsfiddle.net/4Y9L3/

問題は、チェックボックスの状態 (チェックされている/チェックされていない) をオブジェクトの値にバインドすることです。

HTML:

</p>

コントローラ：

最初のチェックボックスをクリックすると、2 番目のチェックボックスの状態に影響しますが、モデルは正しいため、obj は {a:false, b:true} になります。

例は http://jsfiddle.net/alexpetrov/tRxzr/にあります。

これを修正する方法は？

AngularJS を使用して動的定義リストをレンダリングするにはどうすればよいですか?

例：

データ：

必要な HTML:

http://docs.angularjs.org/tutorial/step_08の例:

dd の動的な数と dt の静的な数では機能しますが、両方の動的な数では機能しません。

質問の曖昧さが問題の一部だと思うので、私の本当の最初の質問は、Angular で何と呼んでいるのかということです。

私が名前を付けようとしているのは、単一のオブジェクトのモデルに対するビューとコントローラーです。私はそれを何と呼ぶべきかさえ知りません。事前に必要になることがわかっているものについては、ディレクティブを作成してきましたが、ディレクティブが作成するものの 1 つのインスタンスを何と呼びますか?

突然 (何らかの外部イベントに応答して)、モデルに新しいオブジェクトがあり、それを画面に表示したいという状況がいくつかあります。Angularは、可能なすべてのビューを最初から親ビューにリストすることを望んでいるようですが、それは私の場合はあまり合理的ではありません。たとえば、すべてのポップアップやツール ヒントなどを一覧表示するにはどうすればよいでしょうか。

私はいくつかの小さなエッジケースでダウンしており、コントローラーコードの奥深くにあり、現在のビューに何かを追加する必要があります。受け入れられている慣行は何ですか。

ちなみに、$route/ng-view はまさにこの例の 1 つです。ng-view を含むビューと ng-view DIV 自体は、$route モジュールが ng-view に何を配置しようとしているのかわかりません。この戦略のより一般的なケースが必要です。

編集

人々は例を求め続けます。これはどうですか: 機器の要求アプリを作成しています。ユーザーが 1000 種類の機器のうちの 1 つを彼に送るように依頼した場合、その種類に固有の追加情報を収集するポップアップを表示する必要があります。彼がドライバーを要求すると、ポップアップで刃のサイズ、首の長さ、ハンドルの構成について尋ねられます。彼が飛行機を頼んだら、エンジンのサイズ、燃料タンク、座席配置について尋ねる魔法使いになります。アプリが起動時に認識しているのは、すべての機器タイプのリストと、特定のタイプごとに後続のすべての情報を収集する UI 要素の名前だけです。