allenyang79/jsbin.odoLAza.css

## jsbin.odoLAza.css
.error{
  color:#f00;
}
.warning{
  color:#0f0;
}
.highlight{
  background:#efefef;
}

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

## 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);
});
	.error{
	color:#f00;
	}
	.warning{
	color:#0f0;
	}
	.highlight{
	background:#efefef;
	}
	<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);
	});