Warunkowe wyświetlanie AngularJs dla opcji ng

Szukałem już od kilku godzin i nie mogę nigdzie znaleźć odpowiedzi na mój problem. Pamiętam, że byłem w stanie wdrożyć go wcześniej, ale z jakiegoś powodu zgubiłem kod i nie mogę sobie przypomnieć, co zrobiłem, aby to działało.

Próbuję wyświetlić dane z tablicy w polu wyboru za pomocą opcji ng. Tego, z którym nie mam problemów. To, co muszę zaimplementować, to to, że tylko niektóre wartości tablicy będą wyświetlane / zawarte w polu wyboru.

Moje dane są następujące:

$scope.chartList = [ { "id" : 1, "name" : "chart 1", "order" : 1, "active" : false },
                     { "id" : 2, "name" : "chart 2", "order" : 2, "active" : true },
                     { "id" : 3, "name" : "chart 3", "order" : 3, "active" : true },
                     { "id" : 4, "name" : "chart 4", "order" : 4, "active" : true }, 
                     { "id" : 5, "name" : "chart 5", "order" : 5, "active" : true } ];

A mój HTML wygląda tak:

<select ng-model="toAddChart" ng-options="chart.id as chart.name for chart in chartList | filter:chart.active=='false'">
  <option value=""></option>
</select>

Tak więc chcę, aby jeśli wartość atrybutu „active” była fałszywa, to jest to jedyny czas, kiedy element tablicy będzie wyświetlany / zawarty na liście wyboru. Wypróbowałem różne permutacje atrybutu filtru, ale żaden z nich nie działa.

Wiem, że mogę łatwo użyć ng-repeat w tagu i użyć ng-show, ale pamiętam, że gdzieś czytam (znowu nie mogę znaleźć gdzie), że nie jest to właściwy sposób implementacji i że użycie ng-options jest poprawne sposób.

Jestem naprawdę pewien, że udało mi się to zrobić bez tworzenia niestandardowego filtru javascript, ale dla mnie nie pamiętam, jak to zrobiłem. Mam nadzieję, że ktoś może

Mam nadzieję, że ktoś może mi w tym pomóc, ponieważ nie mam pomysłów.

Aktualizacja:

Świetny Scott, myślę, że go mam.

Zamiast:

filter:chart.active=='false'

Powinno być:

filter:chart.active='false'

To tylko liczba używanych znaków równości.facepalm

Dziękuję za odpowiedzi, wszyscy.

questionAnswers(3)

yourAnswerToTheQuestion