The way to write this in Angular is to actually write a directive. You can assosciate a directive with a particular class name.
So, your directive would look something like
app.directive('keyboard',function(){
return {
require : '?ngModel',
restrict : 'C',
link : function(scope,element,attrs,ngModelCtrl){
if(!ngModelCtrl){
return;
}
$(element).keyboard({
stickyShift: false,
usePreview: false,
autoAccept: true,
change: function(e, kb, el) {
ngModelCtrl.$setViewValue(el.value);
}
});
}
};
});
Now if any element has both a class of keyboard and ng-Model defined then, your keyboard should pop-up. Hope this helps.