我现在升级了 bootstrap 3.0。并且看起来像 btn 的“a”标签（在 .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 改变了系统。
【问题讨论】：
现在，bootstrap 3 在导航栏中有如下按钮：
<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>
【讨论】：
/app，那么结果url是/app?（注意额外的问号）。
使用 bootstrap 3，仍然可以将 <a>link 呈现为按钮，但您必须将它们包含在 <form> 中。此外，<a> 应包含 navbar-btn 类。
<li>
<form>
<a href="#" class="btn btn-primary btn-sm navbar-btn">
register
</a>
</form>
</li>
【讨论】：
<div> 也可以工作，而不是<form> 这不是语义的。关键是不要让a 成为<li> 的直接子代。
问题在于，用于在导航栏中设置锚点样式的选择器是：.nav > li > a，这意味着它的优先级高于 .navbar-btn。
您可以通过将其包装在另一个标签（如跨度）中来修复。我认为您不应该像其他人建议的那样使用表单标签，因为它根本不是表单。
【讨论】：
将<p class="navbar-btn"> 包裹在<a class="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/
截图：
http://learnangular2.com/events/
事件对象
要捕获事件对象，请在模板的事件回调中将 $event 作为参数传递：
<button (click)="clicked($event)"></button>
这是修改事件的简便方法，例如调用 preventDefault:
@Component(...)
class MyComponent {
clicked(event) {
event.preventDefault();
}
}
【讨论】：