日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

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

angular.js - Angular雙向綁定失效了!

瀏覽:176日期:2024-10-12 08:28:43

問(wèn)題描述

先貼上代碼:

controller:

.controller(’FoldController’, [’$scope’, function ($scope){ $scope.isFolded = true; // 標(biāo)志是否折疊的狀態(tài)}])

directive:

.directive(’fold’, function () { return {restrict: ’A’,link: function (scope, element, attrs) { // 只要點(diǎn)擊其中的內(nèi)容,讓其折疊回去 element.on(’click’,function () { scope.isFolded = true;element.slideUp();console.log(scope); }); // 折疊的函數(shù) function toggleFold(isFold) {isFold ? element.slideUp() : element.slideDown(); } // 監(jiān)視是否折疊,即controller里定義的標(biāo)志 scope.$watch(attrs.fold, function (isFold) {toggleFold(isFold); });} }})

html:

<nav ng-controller='FoldController'> <p class='container'><p class='navbar-header'> <button type='button' ng-click='isFolded=!isFolded'> // 主要是這里 點(diǎn)擊后toggle折疊的標(biāo)志<span class='icon-bar'></span><span class='icon-bar'></span><span class='icon-bar'></span> </button> <a href='http://www.b3g6.com/wenda/14853.html#/index' class='navbar-brand'>Index {{isFolded}}</a> // 為了方便測(cè)試,我將折疊表示顯示出來(lái)</p> // 這里用directive控制<p fold='isFolded'> <ul class='navbar-nav nav'><li class='active'><a href='http://www.b3g6.com/wenda/14853.html#/index'>index</a></li><li><a href='http://www.b3g6.com/wenda/14853.html#/about'>about</a></li><li><a href='http://www.b3g6.com/wenda/14853.html#/contact'>contact</a></li><li><a href='http://www.b3g6.com/wenda/14853.html#/chatroom'>chatroom</a></li> </ul></p> </p></nav>

效果:

折疊時(shí)

angular.js - Angular雙向綁定失效了!

未折疊時(shí)

angular.js - Angular雙向綁定失效了!

前提交代完畢,我的期望是:

在未折疊時(shí)通過(guò)點(diǎn)擊折疊區(qū)域,讓其折疊回去,同時(shí)改變scope.isFold折疊標(biāo)志,讓其恢復(fù)原狀,

問(wèn)題是:

其中會(huì)有一個(gè)bug,就是我修改了scope.isFold的值,并且驗(yàn)證了scope的值是被改變的,但是頁(yè)面上依然是原值,即雙向綁定失效,看下圖

angular.js - Angular雙向綁定失效了!

從圖上的顯示看,折疊區(qū)域已經(jīng)被折疊,下面輸出的scope.isFold也是正常的true,但是頁(yè)面頂端上的值卻是false,我驗(yàn)證過(guò)dom元素,是對(duì)了,驗(yàn)證過(guò)controller和directive里的scope.isFold的值,是對(duì)了,唯獨(dú)這個(gè)頁(yè)面就是對(duì)的,這個(gè)情況發(fā)生的也沒(méi)有規(guī)律,挺郁悶的,誰(shuí)來(lái)給看看。。。

問(wèn)題解答

回答1:

在你的事件處理函數(shù)中 加入 $scope.$apply

回答2:

<p fold ng-model='isFolded'> <ul class='navbar-nav nav'><li class='active'><a href='http://www.b3g6.com/wenda/14853.html#/index'>index</a></li><li><a href='http://www.b3g6.com/wenda/14853.html#/about'>about</a></li><li><a href='http://www.b3g6.com/wenda/14853.html#/contact'>contact</a></li><li><a href='http://www.b3g6.com/wenda/14853.html#/chatroom'>chatroom</a></li> </ul></p>

js

.directive(’fold’, function () { return {require: ’ngModel’,restrict: ’A’,link: function (scope, element, attrs) { // 只要點(diǎn)擊其中的內(nèi)容,讓其折疊回去 element.on(’click’,function () { scope.isFolded = true;element.slideUp();scope.$digest();console.log(scope); }); ..... scope.$watch(’isFolded’, function (isFold) {toggleFold(isFold); });回答3:

解決方案是:

在操作完dom元素,修改scope上的屬性值后,scope.$apply更新視圖

element.on(’click’, function() { pe.isFolded = !scope.isFolded; element.slideUp(); scope.$apply();})回答4:

其實(shí)很多人有個(gè)誤區(qū), 就是還在link函數(shù)中使用 elemnet.on 這種事件監(jiān)聽,為什么不用ngClick然后在link中寫一個(gè)scope.click函數(shù)呢?

除非你用的第三方的jQuery插件

相關(guān)文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
日韩不卡视频在线观看| 日本成人在线不卡视频| 欧美一区精品| 欧美一级一区| 欧美久久精品| 国产日韩欧美一区二区三区在线观看| 亚洲97av| 午夜在线播放视频欧美| 一本色道久久精品| 男女性色大片免费观看一区二区 | 亚洲福利国产| 国产一区日韩欧美| 亚洲免费黄色| 亚洲欧洲av| 国产欧美啪啪| 久久99久久久精品欧美| 国产成人精品一区二区免费看京 | 美女久久99| 亚洲一区资源| 久久国产免费| 日韩中文字幕亚洲一区二区va在线| 亚洲午夜免费| 欧美国产中文高清| 亚洲永久av| 欧美肉体xxxx裸体137大胆| 亚洲永久字幕| 日本中文字幕一区二区视频 | av在线资源| 亚洲精品a级片| 少妇精品久久久一区二区三区| 国产欧美日韩影院| bbw在线视频| 视频一区视频二区在线观看| 欧美视频一区| 亚洲va中文在线播放免费| 亚洲一区日韩| 国产剧情在线观看一区| 91亚洲成人| 免费看精品久久片| 鲁大师精品99久久久| 激情久久五月| 日韩欧美中文在线观看| 高清精品久久| 蜜桃91丨九色丨蝌蚪91桃色| 国产精品v一区二区三区| 天堂网av成人| 亚洲精品动态| 久久uomeier| 中文字幕日韩高清在线| 国产一区二区三区黄网站| 一区在线免费观看| 国产日韩1区| 成人精品中文字幕| 亚洲18在线| 亚洲综合电影| 日韩一区二区三区高清在线观看 | 久久婷婷一区| 久久国产免费看| 91久久国产| 国产精品免费精品自在线观看| 99久久99久久精品国产片果冰| 日韩欧美精品一区二区综合视频| 神马午夜在线视频| 蜜臀av国产精品久久久久| 麻豆国产精品777777在线| 亚洲精品91| 高清日韩中文字幕| 日本成人中文字幕| 天堂网在线观看国产精品| 久久久久亚洲精品中文字幕| 黄色精品网站| 精品一区二区三区中文字幕 | 国产一区二区三区四区| 少妇精品久久久| 999国产精品视频| 免费在线亚洲| 日韩精品一二三| 日韩欧美另类一区二区| 欧美日韩 国产精品| 伊人久久婷婷| 成人高清一区| 国产精品日韩精品中文字幕| 亚洲一区二区三区高清| 成人啊v在线| 麻豆91在线播放| 91精品国产自产观看在线| 美女被久久久| 成人在线网站| 精品不卡一区| 国产精品永久| 婷婷亚洲成人| 一区视频在线| 亚洲国内精品| 九九精品调教| 中文字幕成在线观看| 国产精品入口久久| 日韩1区2区3区| 久久高清国产| 国产在线成人| 免费污视频在线一区| 久久精品国产成人一区二区三区| 日韩av黄色在线| 亚洲久久视频| 亚洲三级网站| 亚洲色图国产| 亚洲免费中文| 国产一区亚洲| 91精品国产91久久久久久黑人| 精品亚洲成人| 久久99精品久久久野外观看| 久久激五月天综合精品| 日韩激情网站| 91伊人久久| 91精品尤物| 人人精品久久| 日韩不卡一区二区三区| 日本精品另类| 日韩激情精品| 欧美在线精品一区| 欧美日韩一视频区二区| 国产欧美一区二区三区精品观看| 日韩一区中文| 日本精品久久| 国产免费av一区二区三区| 久久精品72免费观看| 日韩av不卡在线观看| 青草久久视频| 国产精品3区| 精品国产成人| 日韩精品诱惑一区?区三区| 欧美日韩免费观看视频| 久久中文字幕av| 国产精品毛片在线看| 免费精品视频最新在线| 日韩精品亚洲专区| 国产精品久一| 精品一区二区三区在线观看视频 | 91青青国产在线观看精品| 激情国产在线| 欧美日韩精品一区二区视频| 午夜久久免费观看| 久久99伊人| 日本aⅴ亚洲精品中文乱码| 国产探花在线精品一区二区| 国产精品玖玖玖在线资源| 69精品国产久热在线观看| 国产精品巨作av| 热三久草你在线| 久久国产精品成人免费观看的软件| 欧美日韩视频一区二区三区| 视频一区中文字幕| 日本欧美韩国一区三区| 美女在线视频一区| 久久九九精品| 日韩视频不卡| 色综合视频一区二区三区日韩| 国产高清亚洲| 高潮一区二区| 石原莉奈一区二区三区在线观看| 欧美精品影院| 久久三级福利| 日韩精品导航| 国产乱码午夜在线视频| 蜜臀久久99精品久久一区二区| 乱人伦精品视频在线观看| 欧美日韩一区二区三区不卡视频| 国产成人精品福利| 国产精品毛片| 国产精品hd| 久久精品国产68国产精品亚洲| 日韩制服丝袜av| 久久精品天堂| 亚洲自啪免费| 精品中国亚洲| 国产精品日韩| 麻豆中文一区二区| 一区在线免费观看| 国产精品mm| 亚洲福利一区| 国产欧美日韩影院| 久久婷婷一区| 青草国产精品| 久久精品国产www456c0m| 日本成人中文字幕在线视频| 亚洲人成在线网站| 日韩激情精品| 久久中文字幕av| 国产精品一国产精品k频道56| 亚洲a在线视频| 国产精品多人| 快she精品国产999| 日本а中文在线天堂| 日韩国产一二三区| 999久久久国产精品| 国产精品99久久免费观看| 制服诱惑一区二区| 日韩av专区| 日韩高清在线一区| 樱桃成人精品视频在线播放| 精品视频在线一区二区在线|