Quantcast
Channel: Tópicos
Viewing all articles
Browse latest Browse all 14700

AngularJS - Filtro

$
0
0
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:

Código (HTML):
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"[/url] 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:
Código (HTML):
<!doctype html>
<html ng-app="Django">
<head>
  <script src="http://code.angularjs.org/1.0.5/angular.js"></script>
  <script src="http://code.angularjs.org/1.0.5/angular-resource.js"></script>
  <script src="http://code.angularjs.org/1.0.5/angular-resource.min.js"></script>
  <script src="[url="http://code.angularjs.org/1.0.5/angular.min.js%22></script>"]http://code.angularjs.org/1.0.5/angular.min.js"></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

Viewing all articles
Browse latest Browse all 14700

Latest Images