Angular model binding

by provegard

HTML

<script src="http://code.angularjs.org/1.2.14/angular.js"></script>
<div ng-controller="MainCtrl">
    <input type="text" ng-model="someValue" />    
    <div class="value-wrapper">{{someValue}}</div>
    <div>Type: {{getType(someValue)}}</div>
</div>

CSS

.value-wrapper::before,
.value-wrapper::after {
    content: '"';
}

JavaScript

var module = angular.module("myApp", []);

module.controller("MainCtrl", function($scope) {
    $scope.someValue = "test";
    $scope.getType = function(x) {
        return typeof x;
    };
});