angularjs进修笔记—指令a，ngHref

2024年5月14日 200次阅读 来源: 小俞

a

<a href="">点击我啊</a>

当href属性为空时，点击的时刻页面不会革新了，我们再也不需要如许写了

<a href="javascript:void(0)">点击我啊</a>

平常和ng-click指令连系运用

#html
<div ng-controller="LearnCtrl">
    <a href="" ng-click="click()">点击我啊</a>
</div>

#script
angular.module('learnModule', [])    
        .controller('LearnCtrl', function ($scope) {
            $scope.click = function () {
                alert('你点击我了');
            }
        });

ngHref

平常和a标签连系运用。试想下我们的链接是如许的时刻

<a href="/avatar/{{hash}}">link1</a>

angularjs的实行都是在DOM衬着完成以后，假如我们在angularjs实行这个表达式之前点击了链接，那末就直接访问了/avatar/{{hash}}，平常都邑跳转到404页面，用户体验太烂了。

运用了ngHref就就能够防止涌现这类题目。

<a ng-href="/avatar/{{hash}}">link1</a>

假如链接中有表达式，就运用ngHref替代href

    原文作者：小俞
    原文地址: https://segmentfault.com/a/1190000002628630
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞