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> |