SOURCE

console 命令行工具 X clear 

                    

                        
>

                        
                    

                

            

            
console

            
<!DOCTYPE html>
<html ng-app="ui.bootstrap.demo">
<head>
	<title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--自定义样式style-->
	<!--引入第三方样式库bootstrap.min.css-->
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" />
	 <!--引入js库anglarjs-->
	<script type="text/javascript" src="http://code.angularjs.org/1.5.5/angular.min.js"></script>
	<!--引入angular-ui-bootstrap-1.3.2 集成指令--->
	<script src="http://cdn.bootcss.com/angular-ui-bootstrap/1.3.2/ui-bootstrap-tpls.js"></script> 
    <script>
        angular.module('ui.bootstrap.demo', ['ui.bootstrap']).controller('TooltipDemoCtrl', function ($scope, $sce) {
            $scope.htmlTooltip = $sce.trustAsHtml('Avenstar <p>Blog</p>');
            $scope.text = "这里是一些详细描述....";
        });
    </script>
</head>
<body style="padding:30px">
    <div ng-controller="TooltipDemoCtrl">
        <div  class="form-group">
        	<button tooltip-placement="right" uib-tooltip="热衷于web前端开发，HTML5标准化、喜欢读书、看电影、旅游......" type="button" class="btn btn-default">按钮</button>
        </div>
        <div  class="form-group">
        	<a href="#" uib-tooltip-html="htmlTooltip">使用html的提示框</a>
        </div>
        <div  class="form-group">
        	<input type="text" uib-tooltip-template="'myTooltipTemplate.html'" tooltip-placement="right" value="模板提示框"/>
        </div>
	    <script type="text/ng-template" id="myTooltipTemplate.html">
	        <div>使用模板的提示框<strong>markup</strong>{{ text }}</div>
	    </script>
    </div>
</body>
</html>