2

ブートストラップ ポップオーバーをダイアログとして使用したい。

    <a popover href="#" 
        data-toggle="popover" title="" 
        data-html="true" 
        data-content=
           "<p>Are you sure? {{contact.FirstName}} will be removed!</p>
            <button class='btn'>Yes</button>
            <button ng-click='cancel()' class='btn'>Cancel</button>" 
        data-original-title="Remove Contact">Remove</a>

JS:

var ang = angular.module("ang", []);

ang.controller("angCtrl", function($scope) {
    $scope.contact = {
            Id: 1,
            FirstName: "John",
            LastName: "Doe"
        };

    $scope.cancel = function() {
        console.log('Cancel called');
    };
});

ang.directive("popover", function() {
    return {
        restrict: "A",
        link: function (scope) {
            scope.$watch("contacts", function () {
                $("a[data-toggle=popover]")
                .popover()
                .click(function (e) {
                    e.preventDefault();
                });
            });
        }
    };
});

問題は、angular がそのバインディングを適用した後に bootarap が popover html を生成することです。新しく生成されたポップオーバーを含めるにはどうすればよいですか?

前もって感謝します！

4

2 に答える 2

0

このような不一致については、Twitter の Bootstrap に Angular ディレクティブを使用することを検討してください。これはあなたの質問に答えないかもしれませんが、あなたの人生を楽にしてくれます。

Angular で Bootstrap を使用しようとしたときに、このような問題がいくつか発生したため、上記のディレクティブに移行することにし、すべての問題を解決しました。

于 2013-05-26T13:02:47.513 に答える