AngularJS Model Projection

by zdam

HTML

<div ng:app ng:controller="SelectController">
    <input type="text" ng:model="Age" /> 
    <input type="text" ng:model="Person.Name" />     
    <button ng:click="myMethod1()">Click me</button>
  <hr />

Debug:
    {{Age}}<br/>
    {{Person}}
</div>

CSS

</style>
<script src="http://docs-next.angularjs.org/angular-0.10.6.min.js"></script>
<style>
.ng-invalid { border: 1px solid red; } 
body { font-family: Arial,Helvetica,sans-serif; }
body, td, th { font-size: 14px; margin: 0; }
table { border-collapse: separate; border-spacing: 2px; display: table; margin-bottom: 0; margin-top: 0; -moz-box-sizing: border-box; text-indent: 0; }
a:link, a:visited, a:hover { color: #5D6DB6; text-decoration: none; }
.error { color: red; }

JavaScript

function SelectController() {

        this.Person = {Name:"Adam", Age:34};
        this.Age = 0;
    }


    SelectController.prototype = {
       
        myMethod1: function(){
            this.Age = 37;
        }            
    };