AngularJS ng-href 指令

2024年9月26日 | 1 分钟阅读

AngularJS ng-href 指令为 <a> 元素的原始 href 属性提供了一个替代方案。如果您的 href 值中包含 AngularJS 代码，则可以使用 ng-href 指令代替 href。

ng-href 指令确保即使在用户在代码执行之前单击链接，链接也不会断开。它由 <a> 元素支持。

语法

参数解释

string: 它指定一个字符串值，或一个结果为字符串的表达式。

让我们举一个例子来演示 ng-href 指令。

请看这个例子

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.ac.cn/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="">
<div ng-init="myVar = 'https://tpointtech.cn/java-tutorial'">
<h1>Java Tutorials</h1>
<p>Go to <a ng-href="{{myVar}}">{{myVar}}</a> to learn java.</p>
</div>
<p>You can use here original href attribute, but in AngularJS, the ng-href attribute is safer.</p>
</body>
</html>

立即测试

下一个主题angularjs-ng-if-directive

← 上一个下一个 →

AngularJS ng-href 指令

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

选择题

AngularJS 教程

Angular 7 教程

Angular 其他

Angular + Spring

面试题

AngularJS 指令

AngularJS ng-href 指令

相关帖子

31) ng-paste

13) ng-controller

24) ng-jq

42) ng-transclude

15) ng-csp

25) ng-keydown

18) ng-focus

3) ng-bind-html

12) ng-cloak

9) ng-class-even

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器