AngularJS is a JavaScript framework that extends HTML with directives to bind data to HTML and enable two-way data binding. It can be added to an HTML page with a script tag. AngularJS uses directives like ng-app, ng-model, and ng-bind to define AngularJS applications and bind application data to HTML views. Expressions written with double curly braces {{expression}} output data in the HTML. Modules, controllers, and scopes manage application logic and data.
Angular JS is a JavaScript framework used for building single-page applications. It uses MVC architecture with models for data, views for displaying data, and controllers for logic. The document discusses key Angular JS concepts like directives, expressions, controllers, filters, tables, modules, forms, includes, views, and internationalization. Directives extend HTML, expressions bind data to HTML, and controllers control interactions. Modules separate code into logical units. Forms provide data binding and validation. Views allow single-page applications with multiple views on one page.
It covers the basics topics of angularjs directive, controller, services and etc... and all that topics are covered by individual ideas of angular and iam sorry for that if any correction Thank you
Learning AngularJS - Complete coverage of AngularJS features and conceptsSuresh Patidar
AngularJS learning sessions tailored for 6 days/12 hours. Complete coverage of AngularJS features that will be helpful for both beginner as well as expert. Also covers common development use cases and their answer/solution in AngularJS. A good coverage on tooling required for development and testing.
AngularJS is a very powerful JavaScript library. 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 MVC framework created by Google to build maintainable web applications. It was released in 2012 and focuses on HTML and MVC/MVVM design patterns. Key features include data binding, controllers, directives, expressions, forms, modules, scopes, dependency injection, filters and services.
Introduction to AngularJS By Bharat MakwanaBharat Makwana
In this presentation, you will find everything need to get started with AngularJS. We will walk through with architecture, core features, detailing of features.
AngularJS is a JavaScript framework that extends HTML with directives to bind data to HTML and enable two-way data binding. It can be added to an HTML page with a script tag. AngularJS uses directives like ng-app, ng-model, and ng-bind to define AngularJS applications and bind application data to HTML views. Expressions written with double curly braces {{expression}} output data in the HTML. Modules, controllers, and scopes manage application logic and data.
Angular JS is a JavaScript framework used for building single-page applications. It uses MVC architecture with models for data, views for displaying data, and controllers for logic. The document discusses key Angular JS concepts like directives, expressions, controllers, filters, tables, modules, forms, includes, views, and internationalization. Directives extend HTML, expressions bind data to HTML, and controllers control interactions. Modules separate code into logical units. Forms provide data binding and validation. Views allow single-page applications with multiple views on one page.
It covers the basics topics of angularjs directive, controller, services and etc... and all that topics are covered by individual ideas of angular and iam sorry for that if any correction Thank you
Learning AngularJS - Complete coverage of AngularJS features and conceptsSuresh Patidar
AngularJS learning sessions tailored for 6 days/12 hours. Complete coverage of AngularJS features that will be helpful for both beginner as well as expert. Also covers common development use cases and their answer/solution in AngularJS. A good coverage on tooling required for development and testing.
AngularJS is a very powerful JavaScript library. 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 MVC framework created by Google to build maintainable web applications. It was released in 2012 and focuses on HTML and MVC/MVVM design patterns. Key features include data binding, controllers, directives, expressions, forms, modules, scopes, dependency injection, filters and services.
Introduction to AngularJS By Bharat MakwanaBharat Makwana
In this presentation, you will find everything need to get started with AngularJS. We will walk through with architecture, core features, detailing of features.
AngularJS is a JavaScript framework for building web applications using MVC architecture. It separates an application into three main components: models, views, and controllers. Scopes provide the link between models and views by allowing views to watch models and propagate changes. AngularJS differs from jQuery in that it focuses on designing the architecture first before building the application and views. Key features include data binding, dependency injection, and directives like ng-repeat and ng-src to manipulate the DOM.
This document provides an overview of AngularJS, including what it is, its core components (model, view, controller), how to get started, common directives, and examples of using directives, filters, controllers and modules. It explains key AngularJS concepts like data binding, scopes, and how AngularJS interacts with the browser to update views dynamically. Examples are provided for common tasks like iterating with ng-repeat, filtering data, and handling events.
AngularJS is an open source JavaScript framework for building dynamic web applications. It enhances HTML with custom directives and bindings to enrich client-side web applications with reusable components. Key features include two-way data binding, reusable components, support for MVC/MVVM design patterns, end-to-end testing, cross-browser compatibility, and services. AngularJS allows developers to organize applications into modules and controllers to keep code clean and reusable.
AngularJS is a JavaScript MVC framework that allows developers to create dynamic web applications. It uses HTML as the template language and allows two-way data binding between models and views. Some key features include directives, modules, controllers, services and filters. AngularJS applications can be unit tested and services can be injected for dependency injection. Routing in AngularJS allows single page applications without reloading the entire page.
AngularJs Superheroic JavaScript MVW Framework Services by Miracle StudiosLearnimtactics
AngularJs is next big thing. Have a read for making strong your skills in AngularJs. We are sharing with you basic model of angularjs, How it is work and what are his basics. Enjoy the information.
This document provides an overview of AngularJS, including what it is, how it uses MVC architecture, data binding, views, controllers, models, modules, routing, and more. Some key points are:
- AngularJS is an open-source JavaScript framework that uses MVC pattern for building dynamic web apps
- It uses data binding so changes to models and data are automatically reflected in views
- Views use directives like ng-repeat and ng-if to interact with models and controllers
- Controllers contain business logic and models contain application data
- Modules are used to separate an app into components and routing manages multiple views
AngularJS is an open-source JavaScript framework for building client-side web applications. It facilitates the creation of single-page applications using Model-View-Controller architecture. Key aspects of AngularJS include data binding, directives, dependency injection, services, filters and forms. It promotes declarative programming for templates and imperative code for controllers and logic. AngularJS makes it easier to write modular code through services and dependency injection. It also simplifies communication with backend servers via the $http service and $resource for RESTful APIs.
AngularJS is a JavaScript framework made by Google for building complex client-side applications.
Angular.js is a MVW (Model-View-Whatever) open-source JavaScript web framework that facilitates the creation of single-page applications (SPA) and data-driven apps.
Angular projects have a somewhat different structure than other JavaScript MVC frameworks, but it can be highly modular and easy to maintain once you understand the structure.
AngularJS is a JavaScript framework made by Google for building complex client-side applications.
Angular.js is a MVW (Model-View-Whatever) open-source JavaScript web framework that facilitates the creation of single-page applications (SPA) and data-driven apps.
Angular projects have a somewhat different structure than other JavaScript MVC frameworks, but it can be highly modular and easy to maintain once you understand the structure.
AngularJS is a JavaScript MVC framework developed by Google that lets you build well structured, easily testable, and maintainable front-end applications
Valentine with Angular js - IntroductionSenthil Kumar
This document provides an overview of AngularJS, including what it is, why it is useful, basic concepts, and how to get started. AngularJS is an open-source JavaScript framework for building single-page applications. It uses HTML as the template language and allows binding data to HTML elements. Some key benefits are less boilerplate code, improved maintainability through separation of concerns using an MVC pattern, and efficient development through features like data binding. The document outlines how to include AngularJS scripts, core concepts like directives, controllers and models, and recommends resources for learning more.
This document provides an overview of AngularJS, including what it is, how it uses MVC architecture, data binding, views, controllers, models, modules, and routing. AngularJS is an open-source JavaScript framework that uses MVC pattern and two-way data binding. It allows creating dynamic web applications using HTML as the template language and allows binding data and behavior to HTML.
The document provides an agenda and overview of key concepts in AngularJS including single page applications, directives, data binding, MVC pattern, modules, routes, factories and services. It discusses downloading and setting up AngularJS, its building blocks like views, controllers and models. It also provides examples of using directives for data binding, iteration, conditional display, and creating custom directives.
- Angular is a JavaScript framework that helps organize code and create responsive websites. It uses directives to attach JavaScript behaviors to HTML.
- To get started with Angular, include the AngularJS library, create an Angular module, and add controllers to define app behavior and data. Data can be displayed in HTML using expressions.
- Directives like ng-controller, ng-show, and ng-hide allow controlling the display of HTML elements based on scope values in Angular controllers. This allows conditionally showing buttons or hiding products based on data properties.
- Angular is a client-side JavaScript framework that helps organize JavaScript code and create responsive websites. It uses directives to attach JavaScript behavior to HTML elements.
- A basic Angular app has an app module that contains controllers to define behavior. Controllers attach data to the view using the $scope property.
- Data binding with expressions like {{expression}} displays dynamic values in the HTML. Common directives like ng-controller, ng-show, and ng-hide control the view.
This document contains an agenda for an AngularJS training that covers: Introduction to AngularJS modules; Controllers; Filters and expressions; Directives; Factories; Services; Routing; and AngularJS unit testing. The training will provide an overview of AngularJS advantages and life cycle, and compare AngularJS to other frameworks such as Backbone and Ember.
Follow me on Instagram: @__a._.g___
Dm me if you want more educational or any other ppt
Contact on Instagram
To learn basics of angular js you can refer this PPT
All the Basic concepts are mentioned in this PPT
Suggest in comment section if there is any mistake or want to add some more information
This document provides an overview of AngularJS, including:
- AngularJS is an open source JavaScript framework for building single page applications. It extends HTML with directives and two-way data binding.
- Core AngularJS concepts include modules, controllers, scopes, templates, and data binding. AngularJS uses MVVM pattern rather than traditional MVC.
- Templates define the view and use bindings, filters and directives to display dynamic data from the model. Controllers manipulate the model and expose it to templates via scopes.
AngularJS is a JavaScript framework for building web applications using MVC architecture. It separates an application into three main components: models, views, and controllers. Scopes provide the link between models and views by allowing views to watch models and propagate changes. AngularJS differs from jQuery in that it focuses on designing the architecture first before building the application and views. Key features include data binding, dependency injection, and directives like ng-repeat and ng-src to manipulate the DOM.
This document provides an overview of AngularJS, including what it is, its core components (model, view, controller), how to get started, common directives, and examples of using directives, filters, controllers and modules. It explains key AngularJS concepts like data binding, scopes, and how AngularJS interacts with the browser to update views dynamically. Examples are provided for common tasks like iterating with ng-repeat, filtering data, and handling events.
AngularJS is an open source JavaScript framework for building dynamic web applications. It enhances HTML with custom directives and bindings to enrich client-side web applications with reusable components. Key features include two-way data binding, reusable components, support for MVC/MVVM design patterns, end-to-end testing, cross-browser compatibility, and services. AngularJS allows developers to organize applications into modules and controllers to keep code clean and reusable.
AngularJS is a JavaScript MVC framework that allows developers to create dynamic web applications. It uses HTML as the template language and allows two-way data binding between models and views. Some key features include directives, modules, controllers, services and filters. AngularJS applications can be unit tested and services can be injected for dependency injection. Routing in AngularJS allows single page applications without reloading the entire page.
AngularJs Superheroic JavaScript MVW Framework Services by Miracle StudiosLearnimtactics
AngularJs is next big thing. Have a read for making strong your skills in AngularJs. We are sharing with you basic model of angularjs, How it is work and what are his basics. Enjoy the information.
This document provides an overview of AngularJS, including what it is, how it uses MVC architecture, data binding, views, controllers, models, modules, routing, and more. Some key points are:
- AngularJS is an open-source JavaScript framework that uses MVC pattern for building dynamic web apps
- It uses data binding so changes to models and data are automatically reflected in views
- Views use directives like ng-repeat and ng-if to interact with models and controllers
- Controllers contain business logic and models contain application data
- Modules are used to separate an app into components and routing manages multiple views
AngularJS is an open-source JavaScript framework for building client-side web applications. It facilitates the creation of single-page applications using Model-View-Controller architecture. Key aspects of AngularJS include data binding, directives, dependency injection, services, filters and forms. It promotes declarative programming for templates and imperative code for controllers and logic. AngularJS makes it easier to write modular code through services and dependency injection. It also simplifies communication with backend servers via the $http service and $resource for RESTful APIs.
AngularJS is a JavaScript framework made by Google for building complex client-side applications.
Angular.js is a MVW (Model-View-Whatever) open-source JavaScript web framework that facilitates the creation of single-page applications (SPA) and data-driven apps.
Angular projects have a somewhat different structure than other JavaScript MVC frameworks, but it can be highly modular and easy to maintain once you understand the structure.
AngularJS is a JavaScript framework made by Google for building complex client-side applications.
Angular.js is a MVW (Model-View-Whatever) open-source JavaScript web framework that facilitates the creation of single-page applications (SPA) and data-driven apps.
Angular projects have a somewhat different structure than other JavaScript MVC frameworks, but it can be highly modular and easy to maintain once you understand the structure.
AngularJS is a JavaScript MVC framework developed by Google that lets you build well structured, easily testable, and maintainable front-end applications
Valentine with Angular js - IntroductionSenthil Kumar
This document provides an overview of AngularJS, including what it is, why it is useful, basic concepts, and how to get started. AngularJS is an open-source JavaScript framework for building single-page applications. It uses HTML as the template language and allows binding data to HTML elements. Some key benefits are less boilerplate code, improved maintainability through separation of concerns using an MVC pattern, and efficient development through features like data binding. The document outlines how to include AngularJS scripts, core concepts like directives, controllers and models, and recommends resources for learning more.
This document provides an overview of AngularJS, including what it is, how it uses MVC architecture, data binding, views, controllers, models, modules, and routing. AngularJS is an open-source JavaScript framework that uses MVC pattern and two-way data binding. It allows creating dynamic web applications using HTML as the template language and allows binding data and behavior to HTML.
The document provides an agenda and overview of key concepts in AngularJS including single page applications, directives, data binding, MVC pattern, modules, routes, factories and services. It discusses downloading and setting up AngularJS, its building blocks like views, controllers and models. It also provides examples of using directives for data binding, iteration, conditional display, and creating custom directives.
- Angular is a JavaScript framework that helps organize code and create responsive websites. It uses directives to attach JavaScript behaviors to HTML.
- To get started with Angular, include the AngularJS library, create an Angular module, and add controllers to define app behavior and data. Data can be displayed in HTML using expressions.
- Directives like ng-controller, ng-show, and ng-hide allow controlling the display of HTML elements based on scope values in Angular controllers. This allows conditionally showing buttons or hiding products based on data properties.
- Angular is a client-side JavaScript framework that helps organize JavaScript code and create responsive websites. It uses directives to attach JavaScript behavior to HTML elements.
- A basic Angular app has an app module that contains controllers to define behavior. Controllers attach data to the view using the $scope property.
- Data binding with expressions like {{expression}} displays dynamic values in the HTML. Common directives like ng-controller, ng-show, and ng-hide control the view.
This document contains an agenda for an AngularJS training that covers: Introduction to AngularJS modules; Controllers; Filters and expressions; Directives; Factories; Services; Routing; and AngularJS unit testing. The training will provide an overview of AngularJS advantages and life cycle, and compare AngularJS to other frameworks such as Backbone and Ember.
Follow me on Instagram: @__a._.g___
Dm me if you want more educational or any other ppt
Contact on Instagram
To learn basics of angular js you can refer this PPT
All the Basic concepts are mentioned in this PPT
Suggest in comment section if there is any mistake or want to add some more information
This document provides an overview of AngularJS, including:
- AngularJS is an open source JavaScript framework for building single page applications. It extends HTML with directives and two-way data binding.
- Core AngularJS concepts include modules, controllers, scopes, templates, and data binding. AngularJS uses MVVM pattern rather than traditional MVC.
- Templates define the view and use bindings, filters and directives to display dynamic data from the model. Controllers manipulate the model and expose it to templates via scopes.
Gender and Mental Health - Counselling and Family Therapy Applications and In...PsychoTech Services
A proprietary approach developed by bringing together the best of learning theories from Psychology, design principles from the world of visualization, and pedagogical methods from over a decade of training experience, that enables you to: Learn better, faster!
How Barcodes Can Be Leveraged Within Odoo 17Celine George
In this presentation, we will explore how barcodes can be leveraged within Odoo 17 to streamline our manufacturing processes. We will cover the configuration steps, how to utilize barcodes in different manufacturing scenarios, and the overall benefits of implementing this technology.
Leveraging Generative AI to Drive Nonprofit InnovationTechSoup
In this webinar, participants learned how to utilize Generative AI to streamline operations and elevate member engagement. Amazon Web Service experts provided a customer specific use cases and dived into low/no-code tools that are quick and easy to deploy through Amazon Web Service (AWS.)
Chapter wise All Notes of First year Basic Civil Engineering.pptxDenish Jangid
Chapter wise All Notes of First year Basic Civil Engineering
Syllabus
Chapter-1
Introduction to objective, scope and outcome the subject
Chapter 2
Introduction: Scope and Specialization of Civil Engineering, Role of civil Engineer in Society, Impact of infrastructural development on economy of country.
Chapter 3
Surveying: Object Principles & Types of Surveying; Site Plans, Plans & Maps; Scales & Unit of different Measurements.
Linear Measurements: Instruments used. Linear Measurement by Tape, Ranging out Survey Lines and overcoming Obstructions; Measurements on sloping ground; Tape corrections, conventional symbols. Angular Measurements: Instruments used; Introduction to Compass Surveying, Bearings and Longitude & Latitude of a Line, Introduction to total station.
Levelling: Instrument used Object of levelling, Methods of levelling in brief, and Contour maps.
Chapter 4
Buildings: Selection of site for Buildings, Layout of Building Plan, Types of buildings, Plinth area, carpet area, floor space index, Introduction to building byelaws, concept of sun light & ventilation. Components of Buildings & their functions, Basic concept of R.C.C., Introduction to types of foundation
Chapter 5
Transportation: Introduction to Transportation Engineering; Traffic and Road Safety: Types and Characteristics of Various Modes of Transportation; Various Road Traffic Signs, Causes of Accidents and Road Safety Measures.
Chapter 6
Environmental Engineering: Environmental Pollution, Environmental Acts and Regulations, Functional Concepts of Ecology, Basics of Species, Biodiversity, Ecosystem, Hydrological Cycle; Chemical Cycles: Carbon, Nitrogen & Phosphorus; Energy Flow in Ecosystems.
Water Pollution: Water Quality standards, Introduction to Treatment & Disposal of Waste Water. Reuse and Saving of Water, Rain Water Harvesting. Solid Waste Management: Classification of Solid Waste, Collection, Transportation and Disposal of Solid. Recycling of Solid Waste: Energy Recovery, Sanitary Landfill, On-Site Sanitation. Air & Noise Pollution: Primary and Secondary air pollutants, Harmful effects of Air Pollution, Control of Air Pollution. . Noise Pollution Harmful Effects of noise pollution, control of noise pollution, Global warming & Climate Change, Ozone depletion, Greenhouse effect
Text Books:
1. Palancharmy, Basic Civil Engineering, McGraw Hill publishers.
2. Satheesh Gopi, Basic Civil Engineering, Pearson Publishers.
3. Ketki Rangwala Dalal, Essentials of Civil Engineering, Charotar Publishing House.
4. BCP, Surveying volume 1
Level 3 NCEA - NZ: A Nation In the Making 1872 - 1900 SML.pptHenry Hollis
The History of NZ 1870-1900.
Making of a Nation.
From the NZ Wars to Liberals,
Richard Seddon, George Grey,
Social Laboratory, New Zealand,
Confiscations, Kotahitanga, Kingitanga, Parliament, Suffrage, Repudiation, Economic Change, Agriculture, Gold Mining, Timber, Flax, Sheep, Dairying,
THE SACRIFICE HOW PRO-PALESTINE PROTESTS STUDENTS ARE SACRIFICING TO CHANGE T...indexPub
The recent surge in pro-Palestine student activism has prompted significant responses from universities, ranging from negotiations and divestment commitments to increased transparency about investments in companies supporting the war on Gaza. This activism has led to the cessation of student encampments but also highlighted the substantial sacrifices made by students, including academic disruptions and personal risks. The primary drivers of these protests are poor university administration, lack of transparency, and inadequate communication between officials and students. This study examines the profound emotional, psychological, and professional impacts on students engaged in pro-Palestine protests, focusing on Generation Z's (Gen-Z) activism dynamics. This paper explores the significant sacrifices made by these students and even the professors supporting the pro-Palestine movement, with a focus on recent global movements. Through an in-depth analysis of printed and electronic media, the study examines the impacts of these sacrifices on the academic and personal lives of those involved. The paper highlights examples from various universities, demonstrating student activism's long-term and short-term effects, including disciplinary actions, social backlash, and career implications. The researchers also explore the broader implications of student sacrifices. The findings reveal that these sacrifices are driven by a profound commitment to justice and human rights, and are influenced by the increasing availability of information, peer interactions, and personal convictions. The study also discusses the broader implications of this activism, comparing it to historical precedents and assessing its potential to influence policy and public opinion. The emotional and psychological toll on student activists is significant, but their sense of purpose and community support mitigates some of these challenges. However, the researchers call for acknowledging the broader Impact of these sacrifices on the future global movement of FreePalestine.
Temple of Asclepius in Thrace. Excavation resultsKrassimira Luka
The temple and the sanctuary around were dedicated to Asklepios Zmidrenus. This name has been known since 1875 when an inscription dedicated to him was discovered in Rome. The inscription is dated in 227 AD and was left by soldiers originating from the city of Philippopolis (modern Plovdiv).
2. JAVASCRIPT FRAMEWORK
• A JavaScript framework is a collection of JavaScript code libraries that
provide a web developer with pre-written code for routine programming
tasks. Frameworks are structures with a particular context and help you
create web applications within that context.
• It is completely possible to build strong web applications without JavaScript
frameworks, but frameworks provide a template that handles common
programming patterns. Each time you have to build an application, you
don’t need to write code for every single feature from scratch. Instead, you
can build upon an existing feature set.
• JavaScript frameworks, like most other frameworks, provide some rules
and guidelines. Using these rules and guidelines, any developer can make
complex applications faster and more efficiently than if they decided to
build from scratch. The rules and guidelines help shape and organize your
website or web application too!
3. • For example, think about a potter’s wheel where you can build pots.
The potter’s wheel is your framework; it has certain consistencies that
you have to work with. The wheel rotates, and you can use that
rotation to build pots of different shapes and sizes.
• You can build pots, plates, cups, bowls, or even cylindrical sculptures.
But you can’t build a house with it; you need to find a different
framework for that.
4. MODEL VIEW CONTROLLER (MVC)
• Modern JavaScript frameworks use a software design pattern called
Model–View–Controller. It is commonly used for developing user
interfaces that divide related programming logic into three
interconnected elements.
• The model is the central web component of the pattern as it is the
application’s dynamic data structure. It manages the data of the
application.
• The view consists of all the code that has to do with representing the
application’s data — the code for the user interface.
• The controller is the interpreter. It accepts inputs and converts them
into commands for the model or view.
• Frameworks are built around the MVC design pattern to provide
structure and adaptability in software development.
6. • POPULAR JAVASCRIPT FRAMEWORKS
• JavaScript is one of the most popular and widely used programming
languages globally and has more frameworks than any other
language. Since JavaScript is used for both client-side and server-side
code, there are many frameworks to work with. Some of the most
popular frameworks include:
7. AngularJS Introduction
• 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.
• AngularJS is a JavaScript framework written in JavaScript.
• AngularJS is distributed as a JavaScript file, and can be added to a
web page with a script tag:
• <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/an
gular.min.js"></script>
8. AngularJS Extends HTML
• AngularJS extends HTML with ng-directives.
• The ng-app directive defines an AngularJS application.
• The ng-model directive binds the value of HTML controls (input,
select, textarea) to application data.
• The ng-bind directive binds application data to the HTML view.
9. Creating AngularJS Application
Step 1: Load framework
Being a pure JavaScript framework, it can be added using <Script> tag.
<script src =
"https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
Step 2: Define AngularJS application using ng-app directive
<div ng-app = ""> ...</div>
Step 3: Define a model name using ng-model directive
<p>Enter your Name: <input type = "text" ng-model = "name"></p>
Step 4: Bind the value of above model defined using ng-bind directive
<p>Hello <span ng-bind = "name"></span>!</p>
Executing AngularJS Application
Use the above-mentioned three steps in an HTML page.
11. • Example explained:
• AngularJS starts automatically when the web page has loaded.
• The ng-app directive tells AngularJS that the <div> element is the
"owner" of an AngularJS application.
• The ng-model directive binds the value of the input field to the
application variable name.
• The ng-bind directive binds the content of the <p> element to the
application variable name.
12. • AngularJS - Directives
• AngularJS directives are used to extend HTML. They are special
attributes starting with ng-prefix. Let us discuss the following
directives −
• ng-app − This directive starts an AngularJS Application.
• ng-init − This directive initializes application data.
• ng-model − This directive defines the model that is variable to be
used in AngularJS.
• ng-repeat − This directive repeats HTML elements for each item in a
collection.
13. AngularJS - Expressions
Expressions are used to bind application data to HTML. Expressions are
written inside double curly braces such as in {{ expression}}. Expressions
behave similar to ngbind directives. AngularJS expressions are pure
JavaScript expressions and output the data where they are used.
Using numbers
<p>Expense on Books : {{cost * quantity}} Rs</p>
Using Strings
<p>Hello {{student.firstname + " " + student.lastname}}!</p>
Using Object
<p>Roll No: {{student.rollno}}</p>
Using Array
<p>Marks(Math): {{marks[3]}}</p>
15. • AngularJS Controllers
• AngularJS applications are controlled by controllers.
• The ng-controller directive defines the application controller.
• A controller is a JavaScript Object, created by a standard JavaScript object constructor.
• AngularJS Example
<div ng-app="myApp" ng-controller="myCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br><br>
Full Name: {{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope)
{
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
16. Application explained:
The AngularJS application is defined by ng-app="myApp". The
application runs inside the <div>.
The ng-controller="myCtrl" attribute is an AngularJS directive. It
defines a controller.
The myCtrl function is a JavaScript function.
AngularJS will invoke the controller with a $scope object.
In AngularJS, $scope is the application object (the owner of application
variables and functions).
The controller creates two properties (variables) in the scope
(firstName and lastName).
The ng-model directives bind the input fields to the controller
properties (firstName and lastName).
17. Controller Methods
• The example above demonstrated a controller object with two properties: lastName and
firstName.
• A controller can also have methods (variables as functions):
• AngularJS Example
• <div ng-app="myApp" ng-controller="personCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{fullName()}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('personCtrl', function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
$scope.fullName = function() {
return $scope.firstName + " " + $scope.lastName;
};
});
</script>
18. • Controllers In External Files
• In larger applications, it is common to store controllers in external files.
• Just copy the code between the <script> tags into an external file
named personController.js:
• AngularJS Example
• <div ng-app="myApp" ng-controller="personCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{fullName()}}
</div>
<script src="personController.js"></script>