AngularJs

angular.module('opentalks')
.controller('UserController', ['$scope', function($scope){
$scope.username = "Someone :D";
}]);

.controller('UserController', ['$scope', function($scope){
$scope.$watch('username', function(newVal, oldVal){
...
console.log("Username has been changed!");
};
}]);

<div>{{ username | uppercase }}</div>

.filter(...);

.filter('opentalks', ...);

.filter('opentalks', function(){
….
});

return function(){
….
};
});

return function(input){
};
});

return function(input){
return 'output';
};
});

return function(input, arg1, arg2, ...){
return 'output';
};
});

.filter('opentalks', function(Dependencies){
return function(input, arg1, arg2, ...){
return 'output';
};
});

<div>{{ username | opentalks }}</div>

<div>{{ username | opentalks:'arg1' }}</div>

<div>{{ username | opentalks:'arg1':'arg2' }}</div>

Filters in
{ , , ...Controllers Services }

Angular.modeule('opentalks')
.controller('OpentalksController', function(opentalksopentalksFilterFilter)
{
}

Angular.modeule('opentalks')
.controller('OpentalksController', function(opentalksFilter)
{
var output = opentalksFilteropentalksFilter(input, arg1, arg2)(input, arg1, arg2);;
}

. ( )angular module 'opentalks'
.factory(...);

. (factory 'OpentalksPeople', ...);

. ( ,factory 'OpentalksPeople' (){function
...
});

. ( , (factory 'OpentalksPeople' function Dependencies)
{
{return
....
};
});

. ( , (){factory 'OpentalksPeople' function
{return
....
};
});

()return new Aservice ;
});

return 'Or even a string';
});

return 123465798;
});

. ( , ( )factory 'OpentalksPeople' function Dependencies
{
...
= (){...}aPublicfunction function
= (){...}aPrivateFunction function
...
{return
:aMethod somePublicfunction
};
});

.service(...);

. (service 'OpentalksPeople', ...);

. ( ,service 'OpentalksPeople' (){function
...
});

. ( , (){service 'OpentalksPeople' function
. = (){}this somemethod function ;
…
});

. ( , (service 'OpentalksPeople' function Dependencies)
{
. = (){}this somemethod function ;
...
});

.provider(...);

. (provider 'TabrizOpentalks', ...);

. ( ,provider 'OpentalksWebsite' (){function
....
. = (){...}this setCity function ;
});

. ( , (){provider 'OpentalksWebsite' function
....
. = (){...}this $get function
});

. ( , (){provider 'OpentalksWebsite' function
....
. = (this $get function ServiceDependencies){ ... }
});

. ( (config function OpentalksWebsiteProviderProvider){
. ( )OpentalksWebsiteProvider setCity 'Tabriz' ;
});

. ( ,controller 'CityController'
(function OpentalksWebsite){
...
});

<div -ng repeat="person in opentalks">
{{ }}person
/< div>

=<div id "username /">< div>
...
. (document getElementById 'username ). =' innerHTML
, , !'My username not yours goes here ';

=”<div id pagination” />< div>
….
= . (var pagination document getElementById 'pagination )' ;
...

. .opentalks username .{...}$error

=” ”<input name username minlength=”5” />

=” ”<input name username pattern=”A Pattern :D” />

. ( , (controller 'SomeCtrl' function $scope){
...
});

. ( ,controller 'SomeCtrl' ['$scope', (function $scope){
...
}]);

AngularJs

More Related Content

What's hot (20)

Viewers also liked (13)

Similar to AngularJs (20)

Recently uploaded (20)

AngularJs