allenyang79/jsbin.inAmoHo.css

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

## jsbin.inAmoHo.html
<html = ng-app="app">
<body ng-controller="MyCtrl">
<div>
  x:<input type="text" ng-model="x"/><br/>
  y:<input type="text" ng-model="y"/><br/>
  ans:<input type="text" ng-attr-value="ans();" value="{{ans()|currency}}"/><br/>
  {{x*y}}
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js"></script>
</body>
</html>

## jsbin.inAmoHo.js
var app = angular.module('app',[]);

app.controller('MyCtrl', function($scope){
  $scope.ans=function(){
    return $scope.x*$scope.y;
  };
  $scope.$watch($scope.ans,function(newValue, oldValue, $scope){
    //alert("X");
  });
});
	.error{
	color:#f00;
	}
	.warning{
	color:#0f0;
	}
	.highlight{
	background:#efefef;
	}
	<html = ng-app="app">
	<body ng-controller="MyCtrl">
	<div>
	x:<input type="text" ng-model="x"/><br/>
	y:<input type="text" ng-model="y"/><br/>
	ans:<input type="text" ng-attr-value="ans();" value="{{ans()\|currency}}"/><br/>
	{{x*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.ans=function(){
	return $scope.x*$scope.y;
	};
	$scope.$watch($scope.ans,function(newValue, oldValue, $scope){
	//alert("X");
	});
	});