angularjs學習筆記—指令a，ngHref

Channe 發(fā)布于2019-08-21 10:28 / 723人閱讀

摘要：點擊我啊當屬性為空時，點擊的時候頁面不會刷新了，我們再也不需要這樣寫了點擊我啊一般和指令結(jié)合使用點擊我啊你點擊我了一般和標簽結(jié)合使用。使用了就就可以避免出現(xiàn)這種問題。如果鏈接中有表達式，就使用代替

點擊我啊

當href屬性為空時，點擊的時候頁面不會刷新了，我們再也不需要這樣寫了

點擊我啊

一般和ng-click指令結(jié)合使用

#html

    點擊我啊


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

ngHref

一般和a標簽結(jié)合使用。試想下我們的鏈接是這樣的時候

link1

angularjs的執(zhí)行都是在DOM渲染完成之后，如果我們在angularjs執(zhí)行這個表達式之前點擊了鏈接，那么就直接訪問了/avatar/{{hash}}，一般都會跳轉(zhuǎn)到404頁面，用戶體驗太爛了。

使用了ngHref就就可以避免出現(xiàn)這種問題。

link1

如果鏈接中有表達式，就使用ngHref代替href

GPU云服務(wù)器云服務(wù)器學習筆記學習筆記一基礎(chǔ)學習筆記深度學習筆記

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/85589.html

相關(guān)文章

Angularjs學習筆記指令

摘要：自定義指令中有很多內(nèi)置指令，一般都是以開頭的比如等等。本文介紹的自定義指令的用法。該參數(shù)的意思是替換指令的內(nèi)容，更改上面的例子。將屬性綁定到父控制器的域中學習概念多指令中的參數(shù)中增加了的值和的點擊函數(shù)。自定義指令 angularjs中有很多內(nèi)置指令，一般都是以ng開頭的；比如：ng-app,ng-click,ng-repeat等等。本文介紹angularjs的自定義指令的用法。指令...

LeexMuller 2019-08-19 18:04 評論0 收藏0
Angularjs學習筆記指令

摘要：自定義指令中有很多內(nèi)置指令，一般都是以開頭的比如等等。本文介紹的自定義指令的用法。該參數(shù)的意思是替換指令的內(nèi)容，更改上面的例子。將屬性綁定到父控制器的域中學習概念多指令中的參數(shù)中增加了的值和的點擊函數(shù)。自定義指令 angularjs中有很多內(nèi)置指令，一般都是以ng開頭的；比如：ng-app,ng-click,ng-repeat等等。本文介紹angularjs的自定義指令的用法。指令...

Cristic 2019-08-01 15:11 評論0 收藏0
AngularJS學習筆記(2) --- 指令參數(shù)和scope綁定策略

摘要：引言指令可以說是的核心，而其開發(fā)也是比較困難的，本文主要介紹指令的一些參數(shù)和的綁定策略。指令執(zhí)行的優(yōu)先級，用于多個指令同時作用于同一個元素時。改變父會影響指令，而改變指令不會影響父。在父和指令之間建立雙向綁定。引言指令(Directive)可以說是 AngularJS 的核心，而其開發(fā)也是比較困難的，本文主要介紹指令的一些參數(shù)和scope的綁定策略。參數(shù) 從 AngularJS ...

AndroidTraveler 2019-08-21 15:12 評論0 收藏0
angularjs學習筆記—事件指令

摘要：適用標簽所有觸發(fā)條件單擊適用標簽所有觸發(fā)條件雙擊適用標簽觸發(fā)條件失去焦點適用標簽觸發(fā)條件獲取焦點適用標簽觸發(fā)條件更新輸入框的內(nèi)容改變并不代表的值更新。如果按一個鍵很久才松開，發(fā)生的事件為。 ngClick 適用標簽：所有觸發(fā)條件：單擊 #html click me click me #script angular.module(learnModule, []) ...

Lemon_95 2019-08-21 10:28 評論0 收藏0
angularjs學習筆記—指令input

摘要：新增的日期選擇器。類型必填必填最小長度最大長度正則匹配正則匹配更新觸發(fā)即使沒有使用校驗屬性，只要數(shù)據(jù)不符合格式，就會被更新成。 input[text] input一般和ngModel結(jié)合使用來實現(xiàn)雙向綁定，同時angular提供了很多表單校驗的指令 required 必填 ngRequired 必填（ngRequired可以控制是否是必填校驗） ngMinlength 最小長度...

princekin 2019-08-21 10:28 評論0 收藏0