allenyang79 · August 30, 2013 05:55
diff --git a/jsbin.odoLAza.css b/jsbin.odoLAza.css
 .error{
  color:#f00;
 }
 .warning{
  color:#0f0;
 }
 .highlight{
  background:#efefef;
 }
diff --git a/jsbin.odoLAza.html b/jsbin.odoLAza.html
 <html = ng-app="app">
 <body ng-controller="MyCtrl">
 <div>
  x:<input type="text" ng-model="data.x"/><br/>
  y:<input type="text" ng-model="data.y"/><br/>
  ans:<input type="text" ng-attr-value="ans();" value="{{ans()|currency}}"/><br/>
  {{data.x*data.y}}
 </div>  
 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
 </body>
 </html>
diff --git a/jsbin.odoLAza.js b/jsbin.odoLAza.js
 var app = angular.module('app',[]);

 app.controller('MyCtrl', function($scope){
  $scope.data={
    x:0,
    y:0
  };
  $scope.ans=function(){
    return $scope.data.x*$scope.data.y;
  };

  $scope.$watch('data',function(newValue, oldValue, $scope){
    //alert("X");
    console.log("CHANGE");
  },true);
 });
	<html = ng-app="app">
	<body ng-controller="MyCtrl">
	<div>
	x:<input type="text" ng-model="data.x"/><br/>
	y:<input type="text" ng-model="data.y"/><br/>
	ans:<input type="text" ng-attr-value="ans();" value="{{ans()\|currency}}"/><br/>
	{{data.x*data.y}}
	</div>
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
	</body>
	</html>
	var app = angular.module('app',[]);

	app.controller('MyCtrl', function($scope){
	$scope.data={
	x:0,
	y:0
	};
	$scope.ans=function(){
	return $scope.data.x*$scope.data.y;
	};

	$scope.$watch('data',function(newValue, oldValue, $scope){
	//alert("X");
	console.log("CHANGE");
	},true);
	});