<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">

<div ng-init="myVar = 'http://www.runoob.com'">
<h1>菜鳥教程</h1>
<p>訪問 <a ng-href="{{myVar}}">{{myVar}}</a> 學習!</p>
</div>

<p>該實例可以使用了原生的 href 屬性，但在 AngularJS 中， ng-href 屬性更安全。</p>

</body>
</html>

定義和用法

ng-href 指令覆蓋了原生的 <a> 元素 href 屬性。

如果在 href 的值中有 AngularJS 代碼，則需要使用 ng-href 而不是 href。

ng-href 指令確保了鏈接是正常的，即使在 AngularJS 執(zhí)行代碼前點擊鏈接。

語法

<a> 元素支持該指令。

參數(shù)值

值	描述
expression	字符串，表達式的執(zhí)行結(jié)果

以上就是對AngularJS no-href資料的整理，后續(xù)繼續(xù)補充，希望能幫助學習AngularJS的同學。

您可能感興趣的文章:

AngularJS動態(tài)綁定ng-options的ng-model實例代碼
本篇文章主要介紹了AngularJS動態(tài)綁定ng-options的ng-model實例代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
AngularJS基礎 ng-init 指令簡單示例
本文主要介紹AngularJS ng-init 指令,這里幫大家整理了關于ng-init 指令的基本知識資料,并附有簡單的代碼示例,有需要學習的小伙伴可以參考下
2016-08-08
Angular?模塊封裝概念常見的錯誤分析理解
這篇文章主要為大家介紹了Angular模塊封裝概念常見的錯誤分析理解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-07-07
AngularJS 應用模塊化的使用
這篇文章主要介紹了AngularJS 應用模塊化的使用,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-04-04
使用angularjs創(chuàng)建簡單表格
AngularJS提供豐富填寫表單和驗證。我們可以用ng-click來處理AngularJS點擊按鈕事件，然后使用 $dirty 和 $invalid標志做驗證的方式。使用novalidate表單聲明禁止任何瀏覽器特定的驗證。下面我們來看看如何使用angularjs創(chuàng)建簡單表格
2016-01-01
使用AngularJS制作一個簡單的RSS閱讀器的教程
這篇文章主要介紹了使用Angular.js制作一個簡單的RSS閱讀器的教程,AngularJS是一個非常有人氣的JavaScript庫,文中介紹的制作方法主要使用到了FreedReadR模版,需要的朋友可以參考下
2015-06-06
Angular中$broadcast和$emit的使用方法詳解
本篇文章主要介紹了Angular中$broadcast和$emit的使用方法詳解，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
關于angular瀏覽器兼容性問題的解決方案
這篇文章主要給大家介紹了關于angular瀏覽器兼容性問題的解決方案，文中通過示例代碼介紹的非常詳細，對大家的學習或者使用angular具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
2020-07-07
Angular中使用ui router實現(xiàn)系統(tǒng)權(quán)限控制及開發(fā)遇到問題
這篇文章主要介紹了Angular中使用ui router實現(xiàn)系統(tǒng)權(quán)限控制及開發(fā)遇到問題的相關資料,本文分步驟介紹的非常詳細，具有參考借鑒價值，需要的朋友可以參考下
2016-09-09
AngularJS封裝$http.post()實例詳解
這篇文章主要介紹了 AngularJS封裝$http.post()實例詳解的相關資料,需要的朋友可以參考下
2017-05-05