成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

angular.js - 為什么給 Angular 指令綁定事件無(wú)法生效

瀏覽:266日期:2024-10-01 14:18:57

問(wèn)題描述

因?yàn)閯倓偨佑| Angular,所以有些概念還很模糊,對(duì)于這個(gè)問(wèn)題嘗試通過(guò) Google 查找答案,但并未找到合適的解答,所以想在這里請(qǐng)教一下各位,這里是一個(gè)大概的代碼:

<p ng-repeat='item in list' class='need-another-js'></p><script> $(’.need-another-js’).click(function(){// do something })</script>

如果把 ng-repeat 去掉,JS 代碼的效果可以實(shí)現(xiàn),但是加上 ng-repeat 后,效果就不存在,這里是因?yàn)?Angular 作用域的問(wèn)題嗎?

問(wèn)題解答

回答1:

這和作用域沒(méi)有半毛錢(qián)關(guān)系,純粹是一種典型的jquery => angular的錯(cuò)誤表現(xiàn)形式。

AngularJS的指令,作為一種“聲明式”的API,玩法和jquery那套“命令式”API有很大區(qū)別,你在混著用的時(shí)候,很容易出錯(cuò)。

基本常識(shí)錯(cuò)誤,id是用來(lái)表示元素唯一性的,可你用在了ng-repeat上,也就是說(shuō)可能出現(xiàn)若干個(gè)元素的id都是need-another-js,這和jquery、angular都沒(méi)關(guān)系,純粹是html知識(shí)上的缺失

ng-repeat作為angular提供的指令,需要經(jīng)過(guò)angular的compile、linking過(guò)程,導(dǎo)致,當(dāng)你的$(’#need-another-js’).click在為#need-another-js元素注冊(cè)事件的時(shí)候,這個(gè)元素其實(shí)還沒(méi)有被angular生成到DOM中,這才是沒(méi)生效的關(guān)鍵。

單就你這個(gè)例子來(lái)講,可以做如下修改使之生效:

<p ng-repeat='item in list' class='need-another-js'></p>

不用id用class

<script> $(document).on(’click’, ’.need-another-js’, function(){// do something });</script>

雖然我不推薦這種寫(xiě)法,但你既然選擇了'命令式'和聲明式API混用,想必有你的理由。

補(bǔ)充:

關(guān)于angular是如何工作的,我想對(duì)于剛?cè)腴T(mén)的同學(xué),看看官網(wǎng)這個(gè)介紹很有幫助:

angular.js - 為什么給 Angular 指令綁定事件無(wú)法生效

文檔地址: concepts

回答2:

<p ng-repeat='item in list' id='need-another-js'></p><!--ng-repeat生成了一系列id為need-another-js的DOM元素,而DOM元素的ID是不能重復(fù)的--><script> $(’#need-another-js’).click(function(){//可能在ng-repeat還未執(zhí)行完成的時(shí)候便執(zhí)行了 //需在ng-repeat執(zhí)行完成時(shí),設(shè)置onclick事件才有效// do something })</script>回答3:

angular有它支持的綁定事件 ng-click

你可以嘗試一下這樣寫(xiě)

<p ng-repeat='item in list' ng-click='click()'></p><script> //省略其他控制器的寫(xiě)法 $scope.click = function() { //do something }</script>回答4:

我學(xué)angular的時(shí)候,直接就從jq換成angular了,jq能做的angular都能做

回答5:

ng-repeat是動(dòng)態(tài)添加dom元素,你給動(dòng)態(tài)添加的元素用click方法綁定事件是不會(huì)觸發(fā)的。如果你喜歡用jquery,就用leftstick提出的方法,但建議使用mumofa提出的angular方法

相關(guān)文章:
成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久
亚洲欧美网站| 久久99精品久久久久久动态图 | 亚洲国产精品精华液ab| 国产综合久久久久久鬼色| 国产嫩草一区二区三区在线观看| 国产精品理论在线观看| 97久久超碰国产精品电影| 欧美日韩精品免费| 精品一区二区三区免费毛片爱| 91网站在线播放| 欧美高清视频一二三区| 久久99精品久久久久婷婷| 在线视频国内自拍亚洲视频| 亚洲高清视频的网址| 亚洲精选在线| 亚洲欧洲综合另类在线| 国产三区在线成人av| 99re亚洲国产精品| 久久久久久久久99精品| 91丨九色丨尤物| 国产日韩精品视频一区| 欧美日产一区二区三区在线观看| 精品理论电影在线观看| 成人高清在线视频| www国产成人| 91视频免费看| 国产精品短视频| 不卡一区在线观看| 亚洲国产91| 欧美国产日韩亚洲一区| 欧美精品免费观看二区| 国产精品不卡一区| 99综合在线| 婷婷国产v国产偷v亚洲高清| 久久人人97超碰国产公开结果| 人人精品人人爱| 欧美午夜电影一区| 美女久久久精品| 91精选在线观看| av不卡免费在线观看| 中文字幕高清一区| 亚洲黄色影院| 香蕉久久夜色精品国产使用方法 | 色综合天天做天天爱| 国产日韩精品一区二区三区| 亚洲成色www久久网站| 一区二区三区精品视频| 国产精品私人自拍| 精品久久久三级丝袜| 成人国产精品免费观看| 日韩美女视频在线| 不卡的av网站| 国产精品理伦片| 国产精品一区二区三区观看| 日韩电影在线观看一区| 欧美日本一道本在线视频| 粉嫩绯色av一区二区在线观看 | 亚洲黄网站在线观看| 久久亚洲欧洲| 国产高清精品网站| 中文一区一区三区高中清不卡| 亚洲丰满在线| 日日夜夜一区二区| 91精品国产全国免费观看| 色综合久久综合中文综合网| 一区二区三区美女| 欧美日韩一级黄| 91片在线免费观看| 夜色激情一区二区| 91麻豆精品久久久久蜜臀 | 国产不卡在线一区| 中文字幕第一区| 男人的天堂成人在线| 国产精品影视在线观看| 国产日韩欧美高清| 麻豆精品91| 成人性生交大片免费看在线播放| 中文字幕一区二区三区乱码在线| 久久久精品动漫| www.亚洲激情.com| 亚洲小说欧美激情另类| 日韩欧美亚洲国产另类| 亚洲裸体视频| 国产精品456| 一区二区三区日本| 日韩午夜激情视频| 亚洲视频二区| 丁香婷婷深情五月亚洲| 一区二区三区四区激情| 欧美日韩国产片| 亚洲福利电影| 国产酒店精品激情| 成人免费在线观看入口| 欧美日韩电影在线| 伊人久久av导航| 国产美女在线精品| 亚洲色图欧美激情| 日韩欧美亚洲另类制服综合在线| 在线亚洲伦理| av网站免费线看精品| 污片在线观看一区二区| 久久久久久久久岛国免费| 色视频一区二区| 欧美日韩综合久久| 九色porny丨国产精品| 亚洲欧洲精品一区二区三区| 91精品国产色综合久久ai换脸| 一本一本久久| 成人a免费在线看| 日本vs亚洲vs韩国一区三区| 国产精品情趣视频| 91精品国产入口| 噜噜噜91成人网| 午夜亚洲福利| 国产成人午夜精品5599| 视频在线观看一区| 亚洲色图欧美偷拍| 久久蜜桃av一区精品变态类天堂| 欧美亚洲高清一区二区三区不卡| 国产精品v日韩精品v欧美精品网站| 麻豆精品一区二区综合av| 亚洲美女一区二区三区| 久久嫩草精品久久久久| 在线播放日韩导航| 狂野欧美一区| 一区二区三区四区国产| 午夜欧美视频| 懂色av一区二区三区免费观看 | 日本亚洲免费观看| 亚洲天堂中文字幕| 久久久久久久久久久久久女国产乱| 欧美亚洲综合一区| 999亚洲国产精| 91麻豆免费在线观看| 国产一区二区久久| 日韩高清在线电影| 一区二区三区在线免费视频| 日本一区二区三区高清不卡| 欧美一区2区视频在线观看| 91国产免费看| 免费在线日韩av| 日韩亚洲不卡在线| 欧美日韩国产一区精品一区| 成人动漫视频在线| 国产精品66部| 久久99精品一区二区三区 | 日韩av电影免费观看高清完整版在线观看| 中文字幕一区在线观看视频| 久久麻豆一区二区| 欧美精品一区二区三区在线| 欧美一区二区三区免费视频| 欧美在线短视频| 欧美激情一区三区| 日韩午夜在线观看| 激情视频一区| 亚洲欧美日韩人成在线播放| 国产伦精品一区二区三区四区免费| 久久99精品国产.久久久久| 91精品一区二区三区久久久久久 | 欧美视频精品在线观看| 欧美麻豆精品久久久久久| 国产成a人亚洲精| 亚洲午夜在线电影| 久久婷婷国产综合精品青草| 久久久噜噜噜久久人人看| 99久久久久久| 亚洲私人影院在线观看| 午夜一区不卡| 亚洲成人综合视频| 欧美日韩亚洲高清一区二区| 在线欧美亚洲| 亚洲欧洲精品一区| 国产精品大片免费观看| 欧美激情在线| 狠久久av成人天堂| 亚洲精美视频| 亚洲一区激情| 亚洲精品在线三区| 久久嫩草精品久久久久| 久久欧美一区二区| 久久精品视频免费观看| 日本一区二区动态图| 中文字幕亚洲在| 亚洲免费观看高清完整版在线观看 | 国产喷白浆一区二区三区| 久久九九久精品国产免费直播| 这里只有精品电影| 精品国产一二三区| 国产亚洲精久久久久久| 国产精品久久久久四虎| 亚洲人妖av一区二区| 亚洲乱码国产乱码精品精98午夜| 一级日本不卡的影视| 五月开心婷婷久久| 麻豆精品国产91久久久久久| 国产精品一级黄| 日韩毛片精品高清免费| 一区二区在线观看免费| 午夜婷婷国产麻豆精品| 美女诱惑一区二区|