json treeバインドのAngularJSドロップダウンリスト

Question

データベースからデータを取得するアプリケーションをビルドします。 作成された2つの信頼性のドロップダウンサービス（カテゴリー）に取り込まれる 1.Categories 2.支店

すべてのオプションを選択しますが（アレイのArray）JSONツリーから来ています。コントローラで

私はJSONをフェッチ：私はコードの下にしようと

HTMLで

$scope.categories = Categories.query(); 

：

<select class="form-control" name="category" ng-model="params.category" ng-options="item as item.name for item in categories track by item.category"> 
         </select> 

<select class="form-control" name="branch" ng-model="params.branch" ng-options="branch as branch.name for branch in categories[params.category].branches track by item.category.branch"> 
         </select> 

ドロップダウン1.カテゴリOKフェッチが、ドロップダウン2.枝は仕事をdoesntの。

ガイドできますか？

Answer 1

あなたは配列の配列を持っているので、params.category変数は配列への参照を保持すると思いますので、参照とインデックスを使用する必要があるのでcategories[params.category]で2番目の選択で使用することはできません。試してみることをお勧めします：categories[categories.indexOf(params.category)]。

EDIT： 私はあなたのcategories配列がどのようなものか、と私はあなたのコードに応じてのみ推測することができ、同様にbranch配列に見えるかわからないので。 IFあなたのデータ構造は私が思うものに似ています - hereは働くプラカードです。

主なアイデアは、あなたのcategories配列内の要素がオブジェクトであるとbranches性質を持っている場合あなただけ（必要にドット表記を使用していないbranchesプロパティにアクセスすることができるよりも、あなたは$scope.params.categoryで、それへの参照を入れた後ということです配列categoriesに戻ります）。