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>
    
    尝试一下