Angular+JQ+Bootstrap

by andytjoslin

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.angularjs.org/1.0.0/angular-1.0.0.js"></script>
<div ng-controller="MyCtrl">
    <input on-keyup="keyCount = keyCount+1" ng-model="hello">
    <br />
    Key pressed {{keyCount}} times
</div>

JavaScript

angular.module('myApp', [])
    .directive('onKeyup', function() {
        return function(scope, elm, attrs) {
            elm.bind('keyup', function() {
                scope.$apply(attrs.onKeyup);
            });
        };
    });


function MyCtrl($scope) {
    $scope.hello="what";
    $scope.keyCount = 0;
}