Level 13 Level 15
Level 14

AngularJS Various


106 words 0 ignored

Ready to learn       Ready to review

Ignore words

Check the boxes below to ignore/unignore words, then click save at the bottom. Ignored words will never appear in any learning session.

All None

Ignore?
$
Is prefixed to distinguish between Angular and project names.
module
The angular.module is a global place for creating, registering, and retrieving Angular modules.
[module].provider('providerName', ConstructorFn)
Registers a "service" with configuration options, including a getter, a setter, and default values.
[module].factory('factoryName', factoryFn)
Registers a "service" that is the object returned by factoryFn. Shorthand for [module].provider('factoryName', {$get: $getFn}).
[module].service('serviceName', ConstructorFn)
Registers a "service" that is an instantiation of ConstructorFn.
Directives
Is a maker on HTML tag that tells Angular to run or reference some JavaScript code.
Modules
Where we write pieces of our Angular application.
expressions
{{ ...... }}
Controllers
Are where we define our app's behavior by defining functions and values.
ng-controller directive
attach a Controller function to the page
ng-show directive
Will only show the section if the value of the expression is true
ng-hide directive
Will hide the section if the value of the expression is true
ng-repeat directive
repeat a section for each item in the Array
date filter
format date
uppercase & lowercase filter
format a string to upper or lower case
limitTo filter
limit the number of characters or number of items in an Array
orderBy filter
allow us to order elements of an array
ng-src directive
use to load display an image because expressions do not work because the browser loads images before an expressions executes
currency filter
format currency
ng-click directive
allows you to specify custom behavior when an element is clicked.
ng-init directive
allows us to evaluate an expression in the current scope
ng-class directive
Allows you to dynamically set CSS classes on an HTML element by databinding an expression that represents all classes to be added.
ng-model directive
binds an input,select, textarea (or custom form control) to a property on the scope using NgModelController, which is created and exposed by this directive.
novalidate
add to form element to disabled built in validations
ng-submit directive
Enables binding angular expressions to onsubmit events
required
set on hrml form elements to mark a field as required
$valid
post fixed to form name to determine if the form fields are valid. Returns true if valid.
Template
HTML with additional markup
Model
Under the MVC pattern, this component defines the business entities (key objects, processes, and rules) used in the system. These definitions can include entity and attribute names, types, and validation rules.
Data Binding
sync data between the model and the view
injector
Creates an injector object that can be used for retrieving services as well as for dependency injection.
ng (core module)
This module is provided by default and contains the core component of AngularJS
ngRoute
Use this to enable URL routing to your application. This module supports URL management via both hash bang and html5 pushState
ngAnimate
Enables animation features within your app
ngAria
Injects common accessibility attributes into directives
ngResource
Use this when querying and posting data to REST API.
ngBind
Tells angular to replace the text content of the specified HTML element with the value of a given expression, and to update the text content when the value of that expression changes.
ngModel
Binds an input, select, or text area to a property on the scope.
ngClass
Allows you to dynamically set CSS classes on an HTML element by databinding an expression that represents all classes to be added.
ng-init
Gives options on page load
ng-show
Show / hide element
ng-disabled
Enable / Disable buttons
ng-repeat
repeats through array to duplicate elements
Expression
{{ 55 - 5 }}
AngularJS is...
... an open-source web application framework mainly maintained by Google and by a community of individual developers and corporations to address many of the challenges encountered in developing single-page applications.
2 ways data-binding
automaticaly synchronous of data between model and view component
Templates
These are the rendered view with information from the controller and model.
Routing
It is concept of switching views.
Advantages
Create SPA very clean and maintainable way.
Disadvantages
Not sercure: being JavaScript only framework
You use a script tag to include it:
How do you add angular to a web page?
Where is the best place to put scripts in an HTML page?
It is a good idea to place scripts at the bottom of the <body> element. This improves page loading, because HTML loading is not blocked by scripts loading.
The _______ directive defines an AngularJS application.
The ng–app directive defines an AngularJS application.
The _______ directive binds the value of HTML controls (input, select, textarea) to application data.
The ng–model directive binds the value of HTML controls (input, select, textarea) to application data.
The _______ directive binds application data to the HTML view.
The ng–bind directive binds application data to the HTML view.
</html>
The ng-app directive tells AngularJS that the <div> element is the "owner" of an AngularJS application.
The ng-app directive does what?
The ng-app directive defines an AngularJS application.
The ng-model directive does what?
The ng-model directive binds the value of HTML controls (input, select, textarea) to application data.
The ng-bind directive does what?
The ng-bind directive binds application data to the HTML view.
The _______ directive initialize AngularJS application variables.
The ng–init directive initialize AngularJS application variables.
The ng-init directive does what?
The ng-init directive initialize AngularJS application variables.
You can use _______, instead of ng-, if you want to make your page HTML5 valid.
You can use data-ng-, instead of ng-, if you want to make your page HTML5 valid.
</div>
<div ng-app="" ng-init="firstName='John'">
AngularJS directives are _______ with an ng prefix
AngularJS directives are HTML attributes with an ng prefix
AngularJS expressions are written inside _______
AngularJS expressions are written inside double braces: {{ expression }}.
Double braces, {{ }}, means what?
AngularJS expressions are written inside double braces: {{ expression }}.
AngularJS expressions binds data to HTML the same way as the _______ directive.
AngularJS expressions binds data to HTML the same way as the ng-bind directive.
AngularJS applications are controlled by _______.
AngularJS applications are controlled by controllers.
The _______ directive defines the controller.
The ng-controller directive defines the controller.
</script>
<div ng-app="" ng-controller="personController">
HTML
AngularJS extends _______ with new attributes called Directives.
extended HTML attributes
AngularJS directives are __ __ __ with the prefix ng-.
initializes
The ng-app directive __ an AngularJS application.
application data
The ng-init directive initialize __ __.
ng-model
ng-model is a directive that only works with input tags. It creates data-binding with the input filed and the name it is asigned to
binds
The ng-model directive _______ application data to HTML elements.
HTML elements
The ng-model directive binds application data to __ __.
ng-init=.... tek/çift tirnak içinde
ÇIFT tirnak içinde ng-init="firstName='John' "
= ... esittir isareti ile
Çift tirnak içinde ng-init tanimlarken atama hangi karakter ile?
Neden esittir ile ?? atamalar?
attr="..." seklinde olur. ... Çünkü yapilan is - attribute ekleme/yazma
Tag attr olarak kullanilmis. ng-model="firstName" .. attr gibi.
P tagi içinde {{...}} süslü içinde görmüstük, kullanim yeri olarak. Input-da ?
model deyince aklimiza ne gelmeli?
Data, veri vee bunlari içinde bulunduran/barindiran degiskenler, Variables, Arrays
<div> element is the "owner"
The ng-app directive also tells AngularJS that the __ __ __ __ of the AngularJS application.
applications
A web page can contain many AngularJS _______, running in different elements.
different
A web page can contain many AngularJS applications, running in _______ elements.
synchronizes
Data binding in AngularJS, _______ AngularJS expressions with AngularJS data.
expressions .. data
Data binding in AngularJS, synchronizes AngularJS _______ with AngularJS __.
AngularJS .. AngularJS
Data binding in AngularJS, synchronizes _______ expressions with _______ data.
synchronized
{{ firstName }} is _______ with ng-model="firstName".
ng-model="firstName".
{{ firstName }} is synchronized with _______
{{ firstName }}
_______ is synchronized with ng-model="firstName".
text fields
In the next example two __ __ are synchronized with two ng-model directives:
two ng-model
In the next example two text fields are synchronized with __ __ directives:
null
ng-init="...." bos kalirsa .. ng-init="quantity=1;price=5" ne üretiyor
Hayir KeyPresses ile hemen hesapliyor, P-ye yaziyor.
(bu örnekte) input lara veri girdikten sonra Enter-Click istiyor mu?
Matematiksel islemi nerede yapiyor? Click Event-Method vs yok?
{{ süslüler içindeki degisken11 * degisken22 }} yi direk isliyor.
module
A module is a python file that (generally) has only definitions of variables, functions, and classes.
Expressions
Statements that evaluate to a value
Filters
Filters are methods that are called either before/after a controller action is called.
Model
validations are input where?
Compiler
Translates a program written in a high-level language into a low-level language
View
An action always has a corresponding?
a
You use the _______ element to markup some text as a hyperlink.
input
(Fill in the Blank - Chapter 1)
script
A program stored in a ?le (usually one that will be interpreted).
select
Which SQL statement is used to extract data from a database?