angularjs學(xué)習(xí)筆記—指令a，ngHref

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

摘要：點(diǎn)擊我啊當(dāng)屬性為空時(shí)，點(diǎn)擊的時(shí)候頁(yè)面不會(huì)刷新了，我們?cè)僖膊恍枰@樣寫了點(diǎn)擊我啊一般和指令結(jié)合使用點(diǎn)擊我啊你點(diǎn)擊我了一般和標(biāo)簽結(jié)合使用。使用了就就可以避免出現(xiàn)這種問(wèn)題。如果鏈接中有表達(dá)式，就使用代替

點(diǎn)擊我啊

當(dāng)href屬性為空時(shí)，點(diǎn)擊的時(shí)候頁(yè)面不會(huì)刷新了，我們?cè)僖膊恍枰@樣寫了

點(diǎn)擊我啊

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

#html

    點(diǎn)擊我啊


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

ngHref

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

link1

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

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

link1

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/85589.html

相關(guān)文章

Angularjs學(xué)習(xí)筆記指令

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

LeexMuller 2019-08-19 18:04 評(píng)論0 收藏0
Angularjs學(xué)習(xí)筆記指令

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

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

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

AndroidTraveler 2019-08-21 15:12 評(píng)論0 收藏0
angularjs學(xué)習(xí)筆記—事件指令

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

Lemon_95 2019-08-21 10:28 評(píng)論0 收藏0
angularjs學(xué)習(xí)筆記—指令input

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

princekin 2019-08-21 10:28 評(píng)論0 收藏0