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):
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):
Alguém me pode ajudar a perceber o que estou a fazer mal?
Cumprimentos
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>
<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>
<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