同じリストに基づく複数のドロップダウン - AngularJS

Question

複数のドロップダウンを作成する必要があるデータリストがあります。

[ 
    { 
     "Id":1, 
     "name":"Return on Equity (IFRS)", 
     "type":"profitability", 

    }, 
    { 
     "Id":2, 
     "name":"Return on Assets (IFRS)", 
     "type":"profitability", 

    }, 
    { 
     "Id":3, 
     "name":"EBITDA Margin (IFRS)", 
     "type":"profitability", 

    }, 
    { 
     "Id":4, 
     "name":"EBIT Margin (IFRS)", 
     "type":"profitability", 

    }, 
    { 
     "Id":5, 
     "name":"Net Profit Margin (IFRS)", 
     "type":"profitability", 

    }, 
    { 
     "Id":8, 
     "name":"Cash Ratio", 
     "type":"liquidity", 

    }, 
    { 
     "Id":9, 
     "name":"Quick Ratio", 
     "type":"liquidity", 

    }, 
    { 
     "Id":10, 
     "name":"Current Ratio", 
     "type":"liquidity", 

    }, 
    { 
     "Id":11, 
     "name":"Net Financial Liabilities", 
     "type":"debt", 

    } 
]; 

各タイプには複数の「タイプ」の値と「名前」が関連付けられています。最初のドロップダウンで選択したタイプに基づいて、ドロップダウンに「名前」を表示する必要があります。たとえば、最初のドロップダウンで選択された「タイプ」が「流動性」である場合、「流動性」に関連付けられた「名前」、すなわち「現金率」、「クイックレシオ」および「現在の金額」を次のドロップダウンに入力する必要があります比"。

これはこれまで私が試したことです。 Plunker

Answer 1

解決策は最終的な結果に近いものでしたが、フィルタでオブジェクトをオブジェクトの要素（型）と比較していました。私はちょうどあなたが探しているものを行うために変更するPlunkerの唯一の部分を示しています。

<select ng-model="nameng" ng-options="option.name for option in models | filter:{type:typeng.type}"> 
    <option ng-disabled="true" ng-selected="true" value="">Select a name</option> 
</select>