angularjs学习笔记—指令a,ngHref


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


发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>