javascript - angular ng-include页面更新问题
巴扎黑
巴扎黑 2017-04-11 10:46:29
[JavaScript讨论组]
//html

{{msg}}

//test.html

//testCtrl function init(){ $scope.msg = 'hello'; } init();//第一次初始化 function someFun(){ init(); }

现在能显示出test的页面,第一次初始化也正常。但是经过一些操作之后,我要重新初始化,执行someFun的时候,msg的值没有变化,还是world。想请教下ng-include的页面应该如何更新?

巴扎黑
巴扎黑

全部回复(1)
迷茫

解决这个问题,你需要先理解/学习以下两个东西:

  1. 数据驱动是什么?

  2. AngularJS$scope的继承关系是什么

先来泛谈第一项,为什么用数据驱动的思维来考虑问题?因为AngularJS本身就不是和jquery一样的“命令式”的工具,所谓数据的双向绑定,就是可以通过数据的变化,从而因为UI改变。所以这里你不需要考虑如何“命令”ng-include里的test.html刷新,而要从test.html里引用的那些数据着手!

第二项,ng-include实际是会创建一个新的$scope,这个新的$scope继承自testCtrl里的$scope。所以在test.html里直接引用$scope.msg是可以拿到你在testCtrl里定义的数据的。

现在的问题是“经过一些操作之后,我要重新初始化,执行someFun的时候,msg的值没有变化”,我相信你这里说的“没有变化”,是指在test.html里的引用没有变化,对吧?

那我做个简单的推测(不一定能解决你的问题),你是不是在test.html里也有操作会改变msg的值?

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号