- Directives are HTML attribute modifiers
- Expressions bind data to HTML
- Filters format data and coincidentally also filter
- Modules define Angular JS applications
- Controllers control AngularJS applications
- ng-app directive: Initiates an angular js application
- ng-model directive: binds value of HTML controls to app data
- ng-bind directive: binds app data to HTML elements
- ng-init directive: inits Angular JS
- ng-repeat directive: bind elements to array of objects
- ng-show are used to display messages like errors on page
- ng-app are used to define the application
- ng-controller are used to define the controller
- ng-disabled
- ng-show
- ng-hide
Custom directives: `
app.directive("w3testdirective",function(){
return{
restrict:"A",
template:"<h1>Made in USA</h1>"
}
});
`
Custom filters: Make uppercase
Angular Services - $location - $http - $timeout - $interval
ng-options vs ng-repeat? Which to use?
Angular Events - ng-blur - ng-change - ng-click - ng-dblclick - ng-focus - ng-keydown - ng-paste
Angular validation - $untouched - $pristine - $dirty - $invalid - $valid - $submitted
You can have custom directives for validation
Angular JS Global API - angular.lowercase() - angular.uppercase() - angular.isString() - angular.isNumber()
Angular Animations: Generally done by switching CSS classes - ng-if - ng-switch
Angular Routing: - ng-route - ng-view
Interfaces in Angular Decorators Services Templates