Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

AngularJS instance


May 08, 2021 AngularJS


Table of contents


AngularJS instance

This section provides you with some An instance of AngularJS, including the use of the underlying AngularJS, the use of AngularJS expressions, the use of the AngularJS instruction, and so on.

Give it a try

You can edit the instance online and click the button to see the results.

AngularJS instance

<div ng-app="">

<p>Name: <input type="text" ng-model="name"></p>
<p>You wrote: {{ name }}</p>

</div>

Try it out . . .


AngularJS Foundation

My first AngularJS expression
My first AngularJS instruction
My first AngularJS instruction (with valid HTML5)

Basic AngularJS explanation


AngularJS expression

An expression with a number
Use ng-bind with numbers
An expression with a string
Use ng-bind with string
An expression with an object
Use ng-bind with objects
An expression with an array
Use ng-bind with array

Expression explanation


AngularJS instructions

AngularJS instructions
ng-model instruction
ng-repeat instruction (with array)
ng-repeat instruction (with object)

Instructions


AngularJS controller

AngularJS controller
Controller properties
The controller function
Controller I in the JavaScript file
Controller II in the JavaScript file

Controller explanation


AngularJS filter

Expression filter uppercase
Expression filter lowercase
Instruction filter orderBy
Enter the filter

Filter explanation


AngularJS HTML DOM

The ng-disabled Directive

HTML DOM explains


AngularJS HTML event

ng-click instruction
ng-show instruction

HTML events


AngularJS module

The AngularJS module in body
The AngularJS module in the file

Module explanation


AngularJS application

AngularJS application

Application explanation