Ng重复过滤器不起作用

Question

我在这里做错了什么？我遵循 AngularJS 中所述的确切格式

   <div ng-repeat="country in (config.countries | filter:'Canada')">
    {{country.name}}
</div>

我也试过

   <div ng-repeat="country in (config.countries| filter:{name:'Canada'})">
    {{country.name}}
</div>

这些都没有过滤我的结果。

感谢您的帮助

更新

json结构

"countries":{
      "Azerbaijan":{"name": "Azerbaijan", "code": "AZ","currency" :"AZN"},
      "Bahamas":{"name": "Bahamas", "code": "BS","currency" :"BSD"},
      "Bahrain":{"name": "Bahrain", "code": "BH","currency" :"BHD"},
      "Bangladesh":{"name": "Bangladesh", "code": "BD","currency" :"BDT"},

Answer 1

您的过滤器必须与此类似。

function Main($scope) {
    $scope.countries = {
     "Azerbaijan":{"name": "Azerbaijan", "code": "AZ","currency" :"AZN"},
      "Bahamas":{"name": "Bahamas", "code": "BS","currency" :"BSD"},
      "Bahrain":{"name": "Bahrain", "code": "BH","currency" :"BHD"},
      "Bangladesh":{"name": "Bangladesh", "code": "BD","currency" :"BDT"}
};
  
$scope.myFilter = function(countries,filter) {
  var result = {};
    angular.forEach(countries, function(value,key) {
      if (value.name == filter) {
        result[key] = value;
      }
    });
    return result;
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app>
  <div ng-controller="Main">
    <ul>
      <li ng-repeat="(key,value) in myFilter(countries,'Azerbaijan')">
        {{value.name}}
      </li>
    </ul>
   </div>
</div>

Answer 2

你能告诉我们config.countries的结构/数据吗？我试过你的第二个 sn-p $scope.config = {}; $scope.config.countries = [{"name": "Canada"}, {"name": "England"}]; 它工作正常。