English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Direttiva ng-href di AngularJS

参考手册AngularJS

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
<div ng-init="myVar = 'http://it.oldtoolbag.com'">
<h1>网站教程基础</h1>
<p>Accedi a <a ng-href="{{myVar}}">{{myVar}}</a> per imparare!</p>
</div>
<p>Questo esempio utilizza l'attributo href nativo, ma in AngularJS, l'attributo ng-href è più sicuro.</p>
</body>
</html>
Testa e guarda ‹/›

Definizione e uso

ng-href La direttiva sovrascrive l'attributo href dell'elemento nativo <a>.

Se c'è codice AngularJS nel valore di href, è necessario utilizzare ng-href  piuttosto che href.

ng-href La direttiva garantisce che il link sia corretto, anche se viene cliccato prima dell'esecuzione del codice AngularJS.

Sintassi

   <a ng-href="string"></a>

L'elemento <a> supporta questa direttiva.

参数值

描述
expression字符串,表达式的执行结果

参考手册AngularJS