解决angular双向绑定无效果,ng-model不能正常显示的问题

更新时间：2018年10月02日 14:58:44 作者：ywltoread

今天小编就为大家分享一篇解决angular双向绑定无效果,ng-model不能正常显示的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

今天遇到了个问题，js代码中变量已经变化了，但是html页面中没有正常的显示出来。

代码如下：

<input type="text" ng-model="paramValue" auto-focus>

$scope.paramValue = param;

以上代码就会造成有时input框中无内容的情况，打断点显示$scope.paramValue是有值的，但是页面就是啥都显示不出来。

换成下边代码就没问题了：

<input type="text" ng-model="searchdata.paramValue" auto-focus>

$scope.searchdata.paramValue = param;

这个bug很少遇到，我这几年是第一次遇到，记录一下。

以上这篇解决angular双向绑定无效果,ng-model不能正常显示的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

Angular4学习笔记之新建项目的方法
本篇文章主要介绍了Angular4学习笔记之新建项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
AngularJs实现聊天列表实时刷新功能
这篇文章主要介绍了AngularJs实现聊天列表实时刷新功能,需要的朋友可以参考下
2017-06-06
AngularJS入门之动画
AngularJS中ngAnimate模块支持动画效果，但是ngAnimate模块并未包含在AngularJS核心库中，因此需要使用ngAnimate需要在定义Module时声明对其的引用。下面通过本文我们来看看AngularJS动画的详细介绍。
2016-07-07
angular中的cookie读写方法
本篇文章主要介绍了angular中的cookie读写方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
AngularJS 路由详解和简单实例
本文主要介绍AngularJS 路由,这里整理了相关资料进行详细介绍,并附实例代码和实现效果图,有需要的小伙伴可以参考下
2016-07-07
Angular angular-file-upload文件上传的示例代码
这篇文章主要介绍了Angular angular-file-upload文件上传的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-08-08
Angular.js项目中使用gulp实现自动化构建以及压缩打包详解
基于流的前端自动化构建工具，利用gulp可以提高前端开发效率，特别是在前后端分离的项目中。下面这篇文章主要给大家介绍了关于在Angular.js项目中使用gulp实现自动化构建以及压缩打包的相关资料，需要的朋友可以参考下。
2017-07-07
AngularJS控制器之间的数据共享及通信详解
本文详细介绍了AngularJS控制器之间的数据共享与通信，对angularjs共享数据及通信相关知识感兴趣的朋友可以一起学习。
2016-08-08
angularjs 表单密码验证自定义指令实现代码
这篇文章主要介绍了angularjs 表单密码验证自定义指令实现代码,需要的朋友可以参考下
2016-10-10
AngularJs concepts详解及示例代码
本文主要介绍AngularJs concepts，这里整理了详细资料及简单示例代码来讲解相关知识，有学习这部分知识的朋友可以参考下
2016-09-09