AngularJS ng-href 指令



  • 定义和用法

    ng-href 指令会覆盖 <a> 元素的原始 href 属性。
    如果 href 值内包含 AngularJS 代码,则应使用 ng-href 指令而不是href。
    ng-href 指令确保即使在 AngularJS 评估代码之前用户单击链接,链接也不会断开。
  • 语法

    <a ng-href="string"></a>
    
    只有<a>元素支持该指令。
  • 参数

    参数 必需的 描述
    string 字符串值或产生字符串的表达式。
  • 示例

    下例演示了使用AngularJS创建href:
    <!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 ng-app="">
          <div ng-init="myVar='https://www.jc2182.com'">
              <h1>蝴蝶教程</h1>
              <p>跳转到蝴蝶<a ng-href="{{myVar}}">{{ myVar }}</a>去学习</p>
          </div>
     </body>
     </html>