AngularJS - Filtro

Helio13 · March 27, 2013 at 02:58 PM

Boas!

Na minha aplicação, queria por a opção de selecionar os filmes por genero.

Selecciono o genero acção e será mostrado a lista dos filmes de accção...o que eu quero fazer é algo como isto:


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="angularjs-starter">

 <head>
<title></title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<link href="style.css" rel="stylesheet" />
<script src="app.js"></script>
 </head>

 <body ng-controller="MainCtrl">
<select ng-model="selectedCategory" ng-options="c.name for c in categories">
  <option value="">-- Select a Category --</option>
</select>

<h2>Found Movies</h2>
<div ng-repeat="movie in movies|filter:filterByCategory">
  <span>{{movie.name}}</span> - <span>{{movie.category}}</span>
</div>
 </body>

</html>

Só que ai os dados estão locais e os meus não, tenho que fazer um get...

Só que não estou a conseguir fazer isso:

O código que estou a tentar para fazer é este:

<!doctype html>
<html ng-app="Django">
<head>
 <script src="http://code.angularjs.org/1.0.5/angular.js%22></script>
 <script src="http://code.angularjs.org/1.0.5/angular-resource.js%22></script>
 <script src="http://code.angularjs.org/1.0.5/angular-resource.min.js%22></script>
 <script src="http://code.angularjs.org/1.0.5/angular.min.js%22></script>
 <script src="./Django.js"></script>
</head>
<body>

<div ng-controller="DjangoCtrl">

<select ng-model="selectedCategory" ng-options="c.name for c in categories">
  <option value="">-- Select a Category --</option>
</select>

<h2>Found Movies</h2>
<div ng-repeat="movie in movies.objects|filter:filterByCategory">
  <span>{{movie.MovieTitle}}</span> - <span>{{movie.MovieGenre}}</span>
</div>


</div>

</body>
</html>

Alguém me pode ajudar a perceber o que estou a fazer mal?

Cumprimentos

fivelas · March 26, 2014 at 11:20 PM

Boas,

já fiz algo do género e talvez o problema seja por não teres colocado em parêntesis o dataset.

Ou seja, eu tenho assim e funciona:

ng-repeat="p in (players | orderBy:'nickname':false | filter:search) "

também não estou a ver o teu app.js mas tenta colocar os parêntesis.

No meu caso o search é uma textbox.

March 27, 2014 at 07:27 PM

http://plnkr.co/edit/B0LDE0

Oi! Você quis fazer uma pergunta errada? 🙂

Eu fiz plunkr com sua tarefa. Sintonizado desempenho do filtro e veio com um roteiro adequado. Liguei $http, talvez isso é o que você precisa para 'get', se eu entendi a pergunta pelo Português. Talvez isto ajude. Mas se não - fork meu plankr e especificar as tarefas.

Peço desculpas pelo Português - é auto-tradutor, eu fui estudar esta língua))

Edited March 27, 2014 at 07:38 PM by 11111000000

Sign In

AngularJS - Filtro

Recommended Posts

Helio13

fivelas

11111000000

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information