Skip to content

Instantly share code, notes, and snippets.

View EmmanuelDemey's full-sized avatar

Emmanuel DEMEY EmmanuelDemey

View GitHub Profile
@EmmanuelDemey
EmmanuelDemey / gist:5bd314681c6d3884392e
Created June 16, 2015 17:47
AngularJS Component Creation
angular.module(‘myModule’)
.directive(‘datePicker’, function(){ […] }) ;
<ul>
<li ng-repeat="todo in todos | limitTo:-1:1">
<!-- Affichage du contenu du tableau todos à partir du second élément (begin=1) -->
<!-- le paramètre limit=-1 indique que nous désirons afficher tout le reste du contenu du tableau -->
</li>
</ul>
<input type="text" ng-model="firstName" />
<input type="text" data-ng-model="firstName" />
angular.module('module')
.factory('MyFactory', function(){
return {
method: function(){};
};
});
angular.module('module')
.service('MyFactory', function(){
<div ng-class="{true:'close', false: 'open'}[isCollapsed()]">
</div>
<div ng-class="{'close': isCollapsed()}">
</div>
$http.get('/api/users', {cache:true});
<p>{{'key' | translate}}</p>
<p translate="key"></p>
<ul class="menu">
<li>
<a></a>
</li>
</ul>
{
"env": {
"browser": true,
"node": false
},
"rules": {
"comma-dangle": [1, "always"],
"no-comma-dangle": 0,
"handle-callback-err": 0,
angular.module('application').controller('DemoCtrl', function($scope, $q){
function sendHttpRequest(){
//Comme je n'ai pas de serveur, je ne peux pas attaquer directement l'API
//return $http.get('/api')
//Pour y remédier, je vais créer ma propre promesse grâce au service $q
var deferred = $q.defer()
//L'appel à la méthode resolve va resoudre, de manière la synchrone, la promesse qui vient d'être créée
deferred.resolve({data: {'from': 'server'}});
return deferred.promise;