Το AngularJS είναι ένα framework της JavaScript.
Λίστα (ng-repeat)
<ul ng-controller="MyListCtrl">
<li ng-repeat="phone in phones">
{{phone.name}}
</li>
</ul>
Μοντέλο (ng-model)
<select ng-model="orderProp">
<option value="name">Alphabetical</option>
<option value="age">Newest</option>
</select>
Ορισμός ενός Module
App = angular.module('myApp', []);
App.controller('MyListCtrl', function ($scope) {
$scope.phones = [ ... ];
});
Πρόληψη συμπίεσης (Minification) του Controller
App.controller('Name', [
'$scope',
'$http',
function ($scope, $http) {
}
]);
a.c 'name', [
'$scope'
'$http'
($scope, $http) ->
]
Υπηρεσίες (Services)
App.service('NameService', function($http){
return {
get: function(){
return $http.get(url);
}
}
});
Η κλήση με παραμέτρους στον controller θα χρησιμοποιήσει promises για την επιστροφή δεδομένων από τον διακομιστή.
App.controller('controllerName',
function(NameService){
NameService.get()
.then(function(){})
})
Οδηγίες (Directives)
App.directive('name', function(){
return {
template: '<h1>Hello</h1>'
}
});
Στην HTML, η χρήση του <name></name> θα εμφανίσει το πρότυπο (template) σας <h1>Hello</h1>
HTTP
App.controller('PhoneListCtrl', function ($scope, $http) {
$http.get('/data.json').success(function (data) {
$scope.phones = data;
})
});
Αναφορές: