Angular: Empty Fiddle
http://angularjs.org/
HTML
<div ng-app="myApp" ng-controller="MyCtrl">
<p>model="name"
<input type="text" ng-model="name">{{name}}</p>
<p>typo in model, "namee"
<input type="text" ng-model="namee">{{name}}</p>
</div>
JavaScript
var app = angular.module('myApp', []);
app.config(['$provide',
function ($provide) {
//taken from http://stackoverflow.com/a/4676258/2872121
function objHasProperty(obj, prop) {
var parts = prop.split('.');
for (var i = 0, l = parts.length; i < l; i++) {
var part = parts[i];
if (obj !== null && typeof obj === "object" && part in obj) {
obj = obj[part];
} else {
return false;
}
}
return true;
}
$provide.decorator('ngModelDirective', ['$delegate',
function ($delegate) {
var directive = $delegate[0];
var link = directive.link;
directive.compile = function () {
return function (scope, element, attrs) {
link.apply(this, arguments);
if (!objHasProperty(scope, attrs.ngModel)) {
console.log("using ng-model value '" + attrs.ngModel + "' that wasn't defined first!");
}
};
};
return $delegate;
}]);
}])
app.controller('MyCtrl', function ($scope) {
$scope.name = 'World';
});