1
私のポップオーバーでクリック可能なテーブルを表示し、行の1つがクリックされたときに関数を呼び出したいとします。ng-clickがブートストラップポップオーバーのコンテンツで動作しない
<a popover id="showDays"
type="button"
class="btn btn-success btn-xs pull-left"
data-toggle="popover"
data-placement="right"
data-html="true"
title="Popover title"
data-content=
'<table class="table table-condensed">
<tbody>
<tr ng-repeat="d in days" ng-click="show(111)">
<td ng-bind="d"></td>
<td ng-bind="x"></td>
</tr>
</tbody>
</table>'>
<i class="fa fa-clock-o fa-lg">Click me</i>
</a>
そして、私のscript.js:私のHTMLは次のようになります VARアプリ= angular.module( 'plunker'、[]);
app.controller('MainCtrl', function($scope) {
$scope.days = [
'Sunday',
'Monday',
];
$scope.show = function(x) {
console.log("show called with " + x);
$scope.x = x;
}
}).directive('popover', function($compile, $timeout){
return {
restrict: 'A',
link:function(scope, el, attrs){
var content = attrs.content;
var elm = angular.element('<div />');
elm.append(attrs.content);
$compile(elm)(scope);
$timeout(function() {
el.removeAttr('popover').attr('data-content',elm.html());
el.popover();
});
}
}
});
コードがこのquestionからコピーされた、その答え自体は正常に動作しますが、私のshow
関数が呼び出されません。どんな考え?
は「なぜこのコードが機能していないのですか」と書かれています –
@AlexandreMartin、それはどういう意味ですか?どのように私はこの質問をする必要がありますか? – swang
あなたは 'ui-bootstrap'の' popover'要素を使用しませんでした –