Несколько $ фильтров в ng-repeat не работают

Question

У меня есть массив сотрудников, которые я отображаю с помощью тега ng-repeat.Я хочу применить фильтры к 2 столбцам среди пяти.Объект JSON для сотрудника выглядит следующим образом:

 Employee: {
             "name" : "John Arya",
             "age"  : "45",
             "gender" : "male",
             "salary" : "4500",
             "designation" : "analyst",
             "address" : {
                            "houseno" : "101",
                            "street"  : "bakers street",
                            "landmark": "Near Mail office",
                            "city": "london",
                            "areacode": "zte190"

                         }
           }

У меня есть 5 столбцов для отображения сведений о сотруднике, имени, пола, оклада, назначения и города.

Я хочу применить выбор наверхняя часть столбцов GENDER и CITY, чтобы я мог отфильтровать результат и проанализировать.

Ниже мой код для того же.

<select ng-model="genderValue">
<option value="">ALL</option>
<option value="male">MALE</option>
<option value="female">FEMALE</option>


<select ng-model="cityValue">
<option value="">ALL</option>
<option ng-repeat="city in cityList" value="{{city.value}}">{{city.name}} 
</option>

Я отображаю список сотрудников, как показано ниже.

<div ng-repeat="employee in employees | filter: {gender: genderValue, 
 address.city: cityValue"} >
 // Code display employee details 
</div>

Каждый раз, когда я выбираю какой-либо город, список сотрудников должен фильтроваться по выбранному городу и аналогично по полу.Но я не могу этого достичь.Я получаю некоторую ошибку как «Заявление ожидается» в IntelliJ.И это не работает.Что я делаю не так ??Пожалуйста, посоветуйте, если есть какие-либо альтернативные способы достижения того же самого, то есть применение нескольких встроенных фильтров $ несколько раз в ng-repeat.