![](/img/trans.png)
[英]How do I use popover from Twitter Bootstrap to display an image?
[英]How can I use twitter bootstrap popover with angularjs directly?
例如我有这个文件
<!-- index.tpl.html -->
<span ng-repeat="d in data" ng-controller="clickMe">
<a href="#" class="click-me" data-data="{{d.data}}">{{d.id}}</a>
</span>
。
<!-- popover.tpl.html -->
<form>
<div ng-switch="data.option">
<div ng-swith-when="one">One</div>
<div ng-swith-when="two">Two</div>
<div ng-swith-when="three">Three</div>
</div>
</form>
该JS代码
angular.module("myApp").controller("clickMe", ["$scope", function($scope){
$scope.data = [
{id: 1, data: {option: 'one'}},
{id: 2, data: {option: 'two'}},
{id: 3, data: {option: 'three'}},
];
}]);
我也有活动
$(document).on("click", ".click-me", function(){
$(this).popover({
title: "Click Me",
content: "/** How can I render template `popover.tpl.html there?` **/"
});
});
我尝试使用指令,但也无济于事。 我做错了什么?
Angular-Bootstrap是完成您要寻找的东西的最佳方法。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.