<!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> 學(xué)習(xí)!</p>
</div>

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

</body>
</html>

定義和用法

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

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

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

語法

<a> 元素支持該指令。

參數(shù)值

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

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

您可能感興趣的文章:

相關(guān)文章

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