Navbar中的Bootstrap 3.0button
我现在升级了bootstrap 3.0。 和“a”标签看起来像btn（通过类.btn的帮助）在导航栏上被毁了。
<li> <a href="<?php echo BASE_PATH; ?>register.php" class="btn btn-primary btn-sm"> <?php echo "<strong>" . _('Bayilik Başvurusu') . "</strong>"; ?> </a> </li> 但它不能正常工作。 Bootstrap改变了我认为的系统。
围绕<a class="btn"> ： <p class="navbar-btn">
<nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <ul class="nav navbar-nav"> <li> <p class="navbar-btn"> <a href="#" class="btn btn-default">I'm a link button!</a> </p> </li> </ul> </div> </nav>
JSFiddle： http : //jsfiddle.net/lachlan/398kj/
截图： 
现在，引导3在导航栏中有这样的button：
<button type="button" class="btn btn-default navbar-btn">Sign in</button>
它使用navbar-btn所以它知道它在导航栏中。
如果你想要它的工作，这样做：
<li> <form action="#"> <button class="btn btn-default navbar-btn">Link</button> </form> </li>
这样，它仍然像一个锚标签。 只要改变#你想要它的价值去。
所以对于这个例子：
<li> <form action="<?php echo BASE_PATH; ?>register.php"> <button class="btn btn-default navbar-btn">Link</button> </form> </li>
使用引导3时，仍然可以将<a>链接呈现为button，但是您必须将它们包含在<form> 。 另外， <a>应该包含navbar-btn类。
<li> <form> <a href="#" class="btn btn-primary btn-sm navbar-btn"> register </a> </form> </li>
问题是在导航栏中定位锚的select器是： .nav > li > a ，这意味着它比.navbar-btn具有更高的优先级。
您可以通过将其包装在另一个标签（如跨度）中进行修复。 我不认为你应该使用表单标签，因为它不是一个表单。
http://learnangular2.com/events/
事件对象
要捕获事件对象，请在模板的事件callback中将$ event作为parameter passing：
<button (click)="clicked($event)"></button>
这是修改事件的简单方法，例如调用preventDefault：
@Component(...) class MyComponent { clicked(event) { event.preventDefault(); } }
