AngularJS和Twitter Bootstrap

Question

我想知道是否有任何約定，如果我想實現twitter引導到我的angularJS應用程序或角度只是不顯眼的twitter引導？

Answer 1

您需要在引導程序中分別引導bootstrap javascript組件以使其工作。下面是使模態JavaScript插件與角度一起工作的示例。

有一個活躍的社區Angular UI bootstrap它有效地實現了引導JavaScript插件作爲Angular指令。

我覺得，編寫我自己的指令使定製變得簡單，並且不需要在您的web應用程序中使用大量的JavaScript庫文件。

angular.module(app.name).directive('modaldir', function() { 
    return { 
    restrict: 'A', 
    // The linking function will add behavior to the template 
    link: function(scope, element, attrs) { 
     console.log("inside modal"); 
     element.click(function(e) { 
     e.preventDefault(); 
     var href = element.attr('href'); 
     console.log(href); 
     $(href).modal(); 
     }); 
    } 
    }; 
}) 

HTML：

<a data-toggle="modal" href="#myModal" modaldir class="pull-right password-retrieve" >Forgot your password?</a>