Two text fields are synchronized with two ng-model directives:
A Pen by Matt Rependa on CodePen.
| function FormatCurrency(number) { | |
| number = parseFloat(number); | |
| if (isNaN(number)) { | |
| number = 0; | |
| } | |
| var newNumber = number.toFixed(2).replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"); | |
| return newNumber; | |
| } |
| app.use(router); | |
| app.use(store); | |
| app.mount('#app'); |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> | |
| <title>Bootstrap 101 Template</title> | |
| <!-- Bootstrap --> |
| <div ng-app="" ng-init="names=[ | |
| {name:'Jani',country:'Norway'}, | |
| {name:'Hege',country:'Sweden'}, | |
| {name:'Kai',country:'Denmark'}]"> | |
| <ul> | |
| <li ng-repeat="x in names"> | |
| {{ x.name + ', ' + x.country }} | |
| </li> | |
| </ul> |
Two text fields are synchronized with two ng-model directives:
A Pen by Matt Rependa on CodePen.
| <div ng-app="" ng-init="points=[1,15,19,2,40]"> | |
| <p>The third result is {{ points[2] }}</p> | |
| <p>The second result is <span ng-bind="points[1]"></span></p> | |
| </div> |
| <div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}"> | |
| <p>The name is {{ person.lastName }}</p> | |
| <p>The name is <span ng-bind="person.lastName"></span></p> | |
| </div> |
AngularJS strings are like JavaScript strings
A Pen by Matt Rependa on CodePen.
AngularJS numbers are like JavaScript numbers
A Pen by Matt Rependa on CodePen.
| <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> |