![<!DOCTYPE html>
<html>
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/a
ngular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " + lastName }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
</body>
</html>
Output
John Doe
Example](https://image.slidesharecdn.com/angulartutorial-180713093545/85/Angular-tutorial-5-320.jpg)
Angular tutorial
- 1. Tutorial
- 2. AngularJS is a very powerful JavaScript Framework. It is used in Single Page Application (SPA) projects. It extends HTML DOM with additional attributes and makes it more responsive to user actions. AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache license version 2.0. AngularJS is a very powerful JavaScript Framework. It is used in Single Page Application (SPA) projects. It extends HTML DOM with additional attributes and makes it more responsive to user actions. AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache license version 2.0. AngularJS is a very powerful JavaScript Framework. It is used in Single Page Application (SPA) projects. It extends HTML DOM with additional attributes and makes it more responsive to user actions. AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache license version 2.0. AngularJS is a JavaScript framework. It can be added to an HTML page with a <script> tag. AngularJS extends HTML attributes with Directives, and binds data to HTML with Expressions.
- 4. FeaturesMajor Parts This directive defines and links an AngularJS application to HTML. ng-app ng-model ng-bind This directive defines and links an AngularJS application to HTML. This directive binds the values of AngularJS application data to HTML input controls. This directive binds the AngularJS Application data to HTML tags.
- 5. <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/a ngular.min.js"></script> <body> <div ng-app="myApp" ng-controller="myCtrl"> {{ firstName + " " + lastName }} </div> <script> var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) { $scope.firstName = "John"; $scope.lastName = "Doe"; }); </script> </body> </html> Output John Doe Example
- 6. Angular JS Expression About AngularJS expressions can be written inside double braces: {{Expression}} AngularJS expressions can also be written inside a directive: ng- bind=“expression” AngularJS will resolve the expression, and return the result exactly where the expression is written. Types AngularJS Numbers AngularJS Strings AngularJS Objects AngularJS Arrays
- 7. Contain literal, operator,variable.Contain literal, operator, variable. Also Contain literal, operator, variable. Written inside HTML tag Not Written inside HTML tag Not support loop, exception. Support loop, exception. Support filters. Not support filters. Difference b/w expression
- 8. Angular JS Modules An AngularJS module defines an application. The module is container for the different parts of application The module is a container for the application controllers. Controllers always belong to a module.
- 9. Angular JS Model The ng-model directive binds the value of HTML controls (input, select, textarea) to application data. With the ng-model directive you can bind the value of an input field to a variable created in AngularJS. The binding goes both ways. If the user changes the value inside the input field, the AngularJS property will also change its value: The ng-model directive can provide type validation for application data (number, e-mail, required). The ng-model directive can provide status for application data (invalid, dirty, touched, error)
- 10. FeaturesFeatures This directive defines and links an AngularJS application to HTML. RIA MVC Free AngularJS is a powerful JavaScript based development framework to create RICH Internet Application(RIA). AngularJS provides developers options to write client side application (using JavaScript) in a clean MVC(Model View Controller) way. AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache License version 2.0.
- 11. AngularJS provides capability to create Single Page Application in a very clean and maintainable way. AngularJS provides data binding capability to HTML thus giving user a rich and responsive experience AngularJS code is unit testable and AngularJS provides reusable components. AngularJS uses dependency injection and make use of separation of concerns. With AngularJS, developer write less code and get more functionality. In AngularJS, views are pure html pages, and controllers written in JavaScript do the business processing. Advantage
- 12. FeaturesDisadvantage This directive defines and links an AngularJS application to HTML. Not Secure Not degradable Being JavaScript only framework, application written in AngularJS are not safe. Server side authentication and authorization is must to keep an application secure. If your application user disables JavaScript then user will just see the basic page and nothing more.
- 13. Reference From
- 14. Thank You