title: Dynamic Title in angularjs - using ng-attr-title
body: <p>How can i get a dynamic title in angularJS.I know to use <code>ng-attr-title</code> as given below</p>
  
  <pre><code>&lt;div ng-app="myApp" ng-controller="ctrl"&gt;
  &lt;div ng-attr-title="{{title}}"&gt;Hover me&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the controller is</p>
  
  <pre><code>var app = angular.module('myApp', []);
  function ctrl($scope){
  $scope.title = "I 'm a tooltip!";    
  }
  </code></pre>
  
  <p>Here is the <a href="http://jsfiddle.net/hj53npf3/" rel="noreferrer">JSfiddle</a> and its working.  What i am trying is to have two different titles one while enabled and another while disabled so i want to decide the variable that goes in to <code>ng-attr-title</code> at runtime as given below.</p>
  
  <pre><code>&lt;div ng-app="myApp" ng-controller="ctrl"&gt;
  &lt;div ng-attr-title="{{message}}"&gt;Hover me&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the controller is</p>
  
  <pre><code>var app = angular.module('myApp', []);
  function ctrl($scope){
  $scope.Enabledtitle = "U can click me";
  $scope.Disabledtitle = "U cannot click me";
   $scope.message="Enabledtitle";    
  }
  </code></pre>
  
  <p>So when i hover i should get the tooltip saying  "U can click me". SO that i get the flexibility to switch between the tooltip messages just by updating the scope variable <code>message</code></p>
  
  <p>Here is the <a href="http://jsfiddle.net/oetd3bvy/1/" rel="noreferrer">JSfiddle</a> where i tried the dynamic title and am getting "Enabledtitle" as tooltip instead of "U can click me".</p>
  
  <p>How can i tell angular to parse <code>{{Enabledtitle}}</code> and gimme its value.</p>