解決angular雙向綁定無(wú)效果,ng-model不能正常顯示的問題
今天遇到了個(gè)問題,js代碼中變量已經(jīng)變化了,但是html頁(yè)面中沒有正常的顯示出來(lái)。
代碼如下:
<input type="text" ng-model="paramValue" auto-focus> $scope.paramValue = param;
以上代碼就會(huì)造成有時(shí)input框中無(wú)內(nèi)容的情況,打斷點(diǎn)顯示$scope.paramValue是有值的,但是頁(yè)面就是啥都顯示不出來(lái)。
換成下邊代碼就沒問題了:
<input type="text" ng-model="searchdata.paramValue" auto-focus> $scope.searchdata.paramValue = param;
這個(gè)bug很少遇到,我這幾年是第一次遇到,記錄一下。
以上這篇解決angular雙向綁定無(wú)效果,ng-model不能正常顯示的問題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Angular 開發(fā)學(xué)習(xí)之Angular CLI的安裝使用
這篇文章主要介紹了Angular 開發(fā)學(xué)習(xí)之Angular CLI的安裝使用,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-12-12
使用AngularJS和PHP的Laravel實(shí)現(xiàn)單頁(yè)評(píng)論的方法
這篇文章主要介紹了使用AngularJS和PHP的Laravel實(shí)現(xiàn)單頁(yè)評(píng)論的方法,本文的示例是前端JavaScript和后端PHP聯(lián)合編程的典范,需要的朋友可以參考下2015-06-06
AngularJS在IE下取數(shù)據(jù)總是緩存問題的解決方法
這篇文章主要介紹了AngularJS在IE下取數(shù)據(jù)總是緩存問題的解決方法,分析了問題的原因及AngularJS設(shè)置禁止IE對(duì)ajax緩存的實(shí)現(xiàn)方法,需要的朋友可以參考下2016-08-08
使用Angular.js實(shí)現(xiàn)簡(jiǎn)單的購(gòu)物車功能
在各大購(gòu)物網(wǎng)站大家都可以簡(jiǎn)單購(gòu)物車效果演示,下面通過本文給大家分享一段代碼關(guān)于使用Angular.js實(shí)現(xiàn)簡(jiǎn)單的購(gòu)物車功能,需要的朋友可以參考下2016-11-11
Angular中Lazy Loading懶加載陷阱避坑最佳實(shí)踐
這篇文章主要為大家介紹了Angular中Lazy Loading懶加載陷阱避坑最佳實(shí)踐,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
Angular 2父子組件數(shù)據(jù)傳遞之@ViewChild獲取子組件詳解
這篇文章主要給大家介紹了關(guān)于Angular 2父子組件數(shù)據(jù)傳遞之@ViewChild獲取子組件的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家具有一定參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-07-07

