上一节:
下一节:

  AngularJS a 指令

  • 定义和用法

    AngularJS 修改 <a> 元素的默认行为。
    当用户单击具有空 href 属性的 <a> 元素时，AngularJS 阻止页面重新加载。

  • 参数

    该指令无任何参数

  • 示例

    下例演示了AngularJS应用程序内的链接不会重新加载页面： 
    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
<script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
</head>
  <body>
      <p>点击下面的两个链接：</p>
      <a href="">点击我</a>
      <div ng-app="">
        <a href="">也点击我</a>
      </div>
      <p><strong>注意:</strong>第二个链接位于AngularJS应用程序内，因此不会重新加载页面。</p>
</body>
</html>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: