Angular-strap tooltip example

Tooltip and popover

by masudcsesust04

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.3/angular.min.js"></script>
<script src="http://mgcrea.github.com/angular-strap/js/angular-strap.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
  
  <p>
    <a href="#" class="btn" bs-tooltip="tooltip.title" data-placement="right">{{tooltip.text}}</a>
  </p>
  
  <p>
    <button type="button" class="btn" bs-popover="{{popover}}"
    data-placement="right"> {{popover.text}} </button>
  </p>
  
  
</div>

JavaScript

var app = angular.module("myApp", ["$strap"]);

app.controller("myCtrl", function ($scope) {
  $scope.popover = {
    title: "Aha...!",
    content: "Hallo Welt <br /> Auch ihr da drüben!",
    text: "Klick mich PO!"
  };
  
  $scope.tooltip = {
    title: "Aha...!",
    content: "Hallo Welt <br /> Auch ihr da drüben!",
    text: "Klick mich TT!"
  };
});