AngularJS Title directive

by zdam

HTML

<div ng:app="MyReverseModule">
 <div ng-controller="Ctrl">


     <ul>
         <li ng-repeat="item in items" title="{{foo()}}">{{item.name}}</li>
     </ul>
     
     
 </div>
</div>

CSS

</style>
<script src="http://code.angularjs.org/angular-1.0.0rc5.min.js"></script>
<style>
.ng-invalid { border: 1px solid red; } 
body { font-family: Arial,Helvetica,sans-serif; }
body, td, th { font-size: 14px; margin: 0; }
table { border-collapse: separate; border-spacing: 2px; display: table; margin-bottom: 0; margin-top: 0; -moz-box-sizing: border-box; text-indent: 0; }
a:link, a:visited, a:hover { color: #5D6DB6; text-decoration: none; }
.error { color: red; }

JavaScript

angular.module('MyReverseModule', []);

function Ctrl($scope) {
  $scope.greeting = 'hello';
    
    
    $scope.items = [{name:'adam', info:'hello'}, {name:'john', info:'world'}];
    
    
    $scope.foo = function(){
        return 'wqas';
    }
}