私は、このJSONのサブトピックを持つNG-オプション

Question

と角度JSにJSONオブジェクトのためのフィルタを適用することができません：

[{ 
    "id": "200", 
    "topicID": "20", 
    "name": "Support for project hosted by ncegitref1" 

}, 
{ 
    "id": "201", 
    "topicID": "20", 
    "name": "Support for project hosted by rndwww (Stash)" 
}, 
{ 
    "id": "210", 
    "topicID": "120", 
    "name": "Upload SSH key" 
}] 

と私のjavascriptのはこのように書きます：

$http.get(urlsub).success(function(response) { 
     $scope.subtopics = response; 
     console.log($scope.subtopics); 
    }); 

$scope.selectedTopic = {}; 
$scope.TopicChanged = function(topic) { 
    $scope.displayTopicDescription = true; 
    $scope.topicDesc = topic.description; 
    $scope.selectedTopic.topicID = topic.id; 
    $scope.sub = topic.id ; 
    console.log($scope.sub); 
}; 

マイコンソールサブトピックは上記のjsonを格納します。私はこのフィルタを使用すると、以下のように私のNG-オプションで

<select id="selectSubtopic" ng-model="topicsPopulate" ng-disabled="!topicsPopulate" ng-options="subtopic.name for subtopic in subtopics | filter:{topicID:sub}:true "> 
    <option value="" disabled selected>Select Subtopic</option> 
</select> 

をフィルタを使用し、私の代わりに最初の二つのドロップダウンにすべての3つのsubtopic.nameを参照してください。私は基本的に、$ scopeで送信するtopicIDに基づいてサブトピックをフィルタリングしたいと考えています。

Answer 1

厥、フィルタ検索その値が含まれている（20）と、すべてのオブジェクトでJSONは20 TOPICIDが含まれていますが、次のようなカスタムフィルタを作成することができます

JS：

angular.module('myApp', []) 
.controller('ControllerFirst',function($scope){ 
$scope.subtopics = [{ 
    "id": "200", 
    "topicID": 20, 
    "name": "Support for project hosted by ncegitref1" 

}, 
{ 
    "id": "201", 
    "topicID": 20, 
    "name": "Support for project hosted by rndwww (Stash)" 
}, 
{ 
    "id": "210", 
    "topicID": 120, 
    "name": "Upload SSH key" 
}]; 
$scope.sub= 20; 
$scope.selectedTopic = {}; 
$scope.customFilter = function(topicID) { 
    return function(subtopic) { 
     return subtopic.topicID == topicID; 
    } 
} 
}); 

0を

HTML：この例で

<div ng-controller="ControllerFirst"> 
<select id="selectSubtopic" ng-model="topicsPopulate" ng-options="subtopic.name for subtopic in subtopics | filter:customFilter(sub)"> 

    <option value="" disabled selected>Select Subtopic</option> 
</select> 
</div> 

そして、ここに私のバイオリン：https://jsfiddle.net/javierif/rk04nL90/

希望このヘルプU; D

Answer 2

ここには、解決策のplunkがあります。トピックに関連するいくつかの前提を作る必要がありました。これは、コードスニペットが定義されているか初期化されているかを示していないからです。

コードに対する主な変更は、フィルタに対するものでした。 TopicChanged（）で設定されたスコープ変数（$ scope.sub）に基づいてフィルタリングするのではなく、トピックの選択であると仮定したng-modelに基づいてフィルタに変更しました。

だから今、あなたのマークアップは次のようになります。AngularJSが同じ値を求めていないので、

HTML

<select ng-model="selectedTopic" ng-options="topic.description for topic in topics" ng-change="TopicChanged()"> 
    <option value="" disabled selected>Select a Topic</option> 
</select> 

<select id="selectSubtopic" ng-model="topicsPopulate" ng-disabled="!selectedTopic" ng-options="subtopic.name for subtopic in subtopics | filter: {topicID: selectedTopic.id} :true "> 
    <option value="">Select Subtopic</option> 
</select>