AngularJS — Expressions

Basic Expressions

<p>{{5 + 5}}</p>
<p>{{name}}</p>
<p>{{user.name}}</p>

String Expressions

<p>{{"Hello" + " World"}}</p>
<p>{{name.toUpperCase()}}</p>
<p>{{name.length}}</p>

Number Expressions

<p>{{price * quantity}}</p>
<p>{{total | currency}}</p>
<p>{{10 / 3 | number:2}}</p>

Object Expressions

<p>{{user.name}}</p>
<p>{{user.age}}</p>
<p>{{user.address.city}}</p>

Array Expressions

<p>{{items[0]}}</p>
<p>{{items.length}}</p>
<ul>
  <li ng-repeat="item in items">{{item}}</li>
</ul>

Filter Expressions

<p>{{name | uppercase}}</p>
<p>{{name | lowercase}}</p>
<p>{{price | currency:'$'}}</p>
<p>{{date | date:'yyyy-MM-dd'}}</p>
<p>{{list | filter:searchText}}</p>
<p>{{list | orderBy:'name'}}</p>

Mini Practice

1. Use basic expressions
2. Work with objects and arrays
3. Apply filters
4. Create complex expressions

Up Next

Continue with Modules — AngularJS modules.