-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathex11-a.html
executable file
·94 lines (81 loc) · 3.18 KB
/
ex11-a.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!doctype html>
<html data-ng-app="workshopBeMEAN">
<title>{{ workshop }}</title>
<body>
<div data-ng-controller='BeerController'>
<!-- Exibição do array de cervejas setado no BeerController -->
{{ cervejas }}
<pre>Sorting predicate = {{predicate}}; reverse = {{reverse}}</pre>
<a href="" data-ng-click="predicate = 'name'; reverse=!reverse">Nome</a>
<!-- Listamos as cervejas do nosso escopo a diretiva ng-repeat -->
<ul>
<!-- instanciamos o valor de cada cerveja em beer -->
<li data-ng-repeat='beer in cervejas | orderBy: predicate:reverse'>
<!-- recuperamos os valores de nam
e e price de cada cerveja -->
{{ beer.name }} - {{ beer.price }}
</li>
</ul>
</div>
<div data-ng-controller='SashaGreyController'>
<!-- {{ videos }} -->
<ul>
<li data-ng-repeat='v in movies'>
<h3>{{v.MovieTitle}}</h3>
<a href={{v.MovieUrl}}>
<img data-ng-src="{{ v.CoverImage }}" alt="{{v.MovieTitle}}" title="{{v.MovieTitle}}">
</a>
</li>
</ul>
</div>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
<script>
angular.module('workshopBeMEAN', ['workshopFilters', 'workshopControllers'])
angular.module('workshopControllers', [])
.controller('SashaGreyController', ['$scope', '$http',
function($scope, $http){
// var url = 'http://cep.correiocontrol.com.br/02011200.json';
var url = 'http://cors.io/yts.re/api/list.json';
$http.get(url)
.success(function(data) { //função executada após o sucesso da requisição
console.log(data);
$scope.movies = data.MovieList;
// Object {bairro: "Santana", logradouro: "Rua Voluntários da Pátria", cep: "02011200", uf: "SP", localidade: "São Paulo"}
})
.error(function(err){ //função executada após o erro da requisição
console.log('Error: ', err)
});
}])
.controller('BeerController', ['$scope', '$http',
function($scope, $http){
var cerveja1 = {name: 'kaiser', price: 2};
var cerveja2 = {name: 'skol', price: 3};
var cerveja3 = {name: 'glacial', price: 4};
var cerveja4 = {name: 'polar', price: 6};
// ADICIONANDO AS CERVEJAS NO SCOPE DO CONTROLLER
$scope.cervejas = [cerveja1, cerveja2, cerveja3, cerveja4];
}]);
angular.module('workshopFilters', [])
.filter('reverseName', function () {
return function (text) {
if(text)
return text.split("").reverse().join("");
};
})
.filter('truncate', function () {
return function (text, length, end) {
if (isNaN(length))
length = 10;
if (end === undefined)
end = "...";
if (text.length <= length || text.length - end.length <= length) {
return text;
}
else {
return String(text).substring(0, length-end.length) + end;
}
};
});
</script>
</body>
</html>