Фильтр Angularjs ng-repeat списки объектов основаны на его подмассиве - PullRequest
0 голосов
/ 17 января 2019

Я учу Angularjs, Я пытаюсь получить страны с конкретным идентификатором участника: если страна содержит memberId, равный «1», он должен быть показан.

<ul ng-repeat="country in countries | filter:memberId = 1">
   <li>
      {{country.Name}}
   </li>
</ul>

это мои списки

        $scope.countries = [
            {
              "Name" : "UK",
              "memberId" : ["3"]
            },
            {
              "Name" : "USA",
              "memberId" : ["2"]          
            },
            {
              "Name" : "Mexico",
              "memberId" : ["1", "4"]                 
            },
            {
              "Name" : "Germany",
              "memberId" : ["1", "3"]                 
            },
            {
              "Name" : "Canada",
              "memberId" : ["1", "4"]                 
            }

        ]

возможно ли показывать только страны с memberId "1"?

1 Ответ

0 голосов
/ 17 января 2019

ваш код в порядке, ниже ваш код, я только что добавил input, чтобы показать динамический фильтр

angular.module('myApp', []).controller('someCtrl', function($scope) {
    $scope.countries = [
            {
              "Name" : "UK",
              "memberId" : ["3"]
            },
            {
              "Name" : "USA",
              "memberId" : ["2"]          
            },
            {
              "Name" : "Mexico",
              "memberId" : ["1", "4"]                 
            },
            {
              "Name" : "Germany",
              "memberId" : ["1", "3"]                 
            },
            {
              "Name" : "Canada",
              "memberId" : ["1", "4"]                 
            }

        ]
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.9/angular.min.js"></script>
<div ng-app="myApp" ng-controller="someCtrl">
<input type="text" ng-model="memberId"/>
<ul ng-repeat="country in countries | filter:memberId">
   <li>
      {{country.Name}}
   </li>
</ul>

</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...