Angular+JQ+Bootstrap
HTML
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://zeptojs.com/zepto.js"></script>
<script src="http://code.angularjs.org/1.0.0rc10/angular-1.0.0rc10.js"></script>
<div ng-controller="MyCtrl">
<div test-it id="hi"><b>{{hello}}</b></div>
<input ng-model="hello">
</div>
JavaScript
var app=angular.module('myApp', []);
app.directive('testIt', function() {
return {
restrict: 'A',
link: function(scope, elm, attrs) {
var angularElm = elm; //angular.element(elm);
var zeptoElm = $(elm[0]);
zeptoElm.css('position','absolute').animate({left:'5009px'},1000);
}
};
});
function MyCtrl($scope) {
$scope.hello="hihihi";
}