首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在angular ui-bootstrap模式控制器中更改$rootScope

在angular ui-bootstrap模式控制器中更改$rootScope
EN

Stack Overflow用户
提问于 2015-07-23 05:13:12
回答 1查看 1.2K关注 0票数 1

我在尝试更改模式控制器中的$rootScope时遇到了问题,根范围更改了,但在刷新页面之前不会立即反映在视图中。下面是我的代码:

代码语言:javascript
运行
AI代码解释
复制
.controller('LoginController',function($scope,$rootScope,$modalInstance){

$scope.close = function(){
$rootScope.authentication = true;
}
});

以及在其他控制器中打开模式的代码:

代码语言:javascript
运行
AI代码解释
复制
    controller('myCtrl',function($scope,$modal){
    $scope.openLoginModal = function(){
     $scope.loginMdl=    $modal.open({
       templateUrl:'myview/myloginform.html',
       controller:'LoginController'
    });
   $scope.loginMdl.result.then(
     function(){},
     function(){}
  );
    }
    });

最后,用简单的HTML打开登录模式;

代码语言:javascript
运行
AI代码解释
复制
<div ng-controller='myCtrl'>
<button ng-click='openLoginModal()'>Login </button>

    </div>
    <div>
<p ng-show='authentication'> USER HAS LOGGED IN</p>
</div>

如您所见,我更改了$rootScope的“身份验证”变量,但更改不会立即反映在html视图中。可以有一些建议,请。

EN

回答 1

Stack Overflow用户

发布于 2015-07-23 05:38:46

试一试

代码语言:javascript
运行
AI代码解释
复制
$rootScope.$apply();

要应用rootscope中的更改,您必须使用上面的代码。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31578641

复制
相关文章
Angular企业级开发(8)-控制器的作用域
scope概念 scope(作用域)是视图和控制器之间的桥梁,scope本身是一个对象,有方法和属性。scope可以应用在视图和控制器上。 scope简单示例 <!DOCTYPE html> <html ng-app="plunker"> <head> <meta charset="utf-8" /> <title>AngularJS Scope Demo</title> <script> document.write('<base href="' + document.locatio
八哥
2018/01/18
8660
angularjs 控制器、作用域、广播详解
一、控制器 首先列出几种我们平常使用控制器时的几种误区: 我们知道angualrJs中一个控制器时可以对应不同的视图模板的,但这种实现方式存在的问题是: 如果视图1和视图2根本没有任何逻辑关系,这样“
柴小智
2018/04/10
1.9K0
angularjs 控制器、作用域、广播详解
Angular Service入门
1.Angular内置service Angular为了方便开发者开发,本身提供了非常多的内置服务。可以通过https://docs.angularjs.org/api/ng/service查看AngularJS提供的内置服务。在企业级开发中,常用的服务有以下这些: $cacheFactory 缓存服务 $compile 编译服务 $filter 通过 $filter 服务可以格式化输出数据,也可以对数据进行过滤操作 $http AngularJS内置的核心的服务,主要和后台请求相关 $location 基
八哥
2018/01/18
1.2K0
AngularJS Scope(作用域)
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。
陈不成i
2021/07/23
1.5K0
[译]探索Angular 1.3 的单次绑定(one -time bindings)
激动人心的时刻到了,Angular 1.3终于发布了,附带了大量的新功能、bug修复、改进当然也有不足。因为这些新的东西,我们想通过一系列的博文详解主要的功能和改进来让新的版本更快的让大家适应。这是“探索Angular 1.3”系列的第一篇,包含了有史以来最重要的功能:单次绑定(one-time binding)。
小刀c
2022/08/16
3.1K0
达观数据对AngularJS技术的思考与实践
AngularJs诞生于2009年,最初由MiskoHevery和Adam Abrons开发,后来成为Google的项目。AngularJS 是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言,通过扩展HTML的语法,让你能更清楚、简洁地构建你的应用组件。它的创新点在于,利用 数据绑定 和 依赖注入,它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现,这也使得它能够完美地和任何服务器端技术结合。(达观数据陈高星) 本文主要涵盖:AngularJsMVC模型、$s
达观数据
2018/03/30
5.4K0
3、Angular JS 学习笔记 – Controllers [翻译中]
在Angular中,一个控制器是一个javascript构造函数用于填充Angular作用域。
前Thoughtworks-杨焱
2021/12/08
2.5K0
Angularjs基础(三)
    AngularJS ng-model 指令     ng-model 指令用于绑定应用程序数据到HTML 控制器(input,select,textarea)的值 ng-model指令     ng-model指令可以将输入域的值与AngularJS 创建的变量绑定。       实例:         <div ng-app="myApp" ng-controller="myCtrl">             名字:<input ng-model="name">  
用户1197315
2018/01/19
3.1K0
Angular源码分析之$compile
@(Angular) $compile,在Angular中即“编译”服务,它涉及到Angular应用的“编译”和“链接”两个阶段,根据从DOM树遍历Angular的根节点(ng-app)和已构造完毕的 $rootScope对象,依次解析根节点后代,根据多种条件查找指令,并完成每个指令相关的操作(如指令的作用域,控制器绑定以及transclude等),最终返回每个指令的链接函数,并将所有指令的链接函数合成为一个处理后的链接函数,返回给Angluar的bootstrap模块,最终启动整个应用程序。 ---- [
欲休
2018/03/15
1.5K0
[angularjs] angularjs系列笔记(四)控制器
所有的应用都有一个$rootScope,它可以作用在ng-app指令包含的所有的html元素中
唯一Chat
2019/09/10
4070
3-进军 angular1.x 模型和作用域 scope
View(视图), 即 HTML。 Model(模型), 当前视图中可用的数据。 Controller(控制器), 即 JavaScript 函数,可以添加或修改属性。 scope 是模型。
西南_张家辉
2021/02/02
1.3K0
Angularjs 服务
AngularJS 服务(Service):www.runoob.com/angularjs/angularjs-services.html
全栈程序员站长
2022/09/15
2.1K0
前端面试题angular_Vue前端面试题
1,ng-if 跟 ng-show/hide 的区别有哪些? 第一点区别是,ng-if 在后面表达式为 true 的时候才创建这个 dom 节点,ng-show 是初始时就创建了,用 display:block 和 display:none 来控制显示和不显示。 第二点区别是,ng-if 会(隐式地)产生新作用域,ng-switch 、 ng-include 等会动态创建一块界面的也是如此。 这样会导致,在 ng-if 中用基本变量绑定 ng-model,并在外层 div 中把此 model 绑定给另一个显示区域,内层改变时,外层不会同步改变,因为此时已经是两个变量了。
全栈程序员站长
2022/11/07
14.2K0
【Hybrid开发高级系列】AngularJS(三)——开发实践
http://blog.fens.me/angularjs-yeoman-project/
江中散人_Jun
2023/10/16
2630
【Hybrid开发高级系列】AngularJS(三)——开发实践
AngularJS 的 API:模块 API、指令 API、服务 API、过滤器 API、路由 API
AngularJS 是一款流行的前端 JavaScript 框架,提供了丰富的 API 接口,用于实现前端应用的各种功能。本文将详细介绍 AngularJS 的 API,包括模块 API、指令 API、服务 API、过滤器 API、路由 API 等内容,帮助开发者充分了解和熟练运用 AngularJS 的各项功能。
网络技术联盟站
2023/07/05
3090
2、Angular JS 学习笔记 – 双向数据绑定和Scope概念
Angular 中的数据绑定是自动从模型和视图间同步数据,Angular的这种数据绑定实现让你可以将应用中的模型和视图的数据看作一个源, 视图在任何时候都是对模型的一个投影,当模型发生变化,相关的视图也会发生变化,反之亦然。
前Thoughtworks-杨焱
2021/12/08
13.3K0
AngularJS简介
AngularJS是一个JavaScript矿建,他是一个JavaSscript编写的库。可以通过<script>标签添加到HTML页面。
全栈程序员站长
2022/09/16
5K0
如何在 ASP.NET MVC 中集成 AngularJS(2)
在如何在 ASP.NET MVC 中集成 AngularJS(1)中,我们介绍了 ASP.NET MVC 捆绑和压缩、应用程序版本自动刷新和工程构建等内容。 下面介绍如何在 ASP.NET MVC 中集成 AngularJS 的第二部分。 ASP.NET 捆绑和压缩 CSS 和 JavaScript 的捆绑与压缩功能是 ASP.NET MVC 最流行和有效的特性之一。捆绑和压缩降低了 HTTP 请求和有效载荷的大小,结果是可以更快和更好的执行 ASP.NET MVC 的网站。有许多可以减少 CSS 和 Ja
葡萄城控件
2018/01/10
8.4K0
在非归档模式下不能更改表空间为备份模式
Oracle表空间设置为备份模式后,便可以联机对表空间下数据文件进行文件系统级别的copy备份操作,因为期间对表空间的修改都记录到数据库的重做日志文件中。
Alfred Zhao
2022/05/06
3890
AngularJS面试常见问题汇总
脏检查机制。 双向数据绑定是 AngularJS 的核心机制之一。当 view 中有任何数据变化时,会更新到 model ,当 model 中数据有变化时,view 也会同步更新,显然,这需要一个监控。 原理就是,Angular 在 scope 模型上设置了一个监听队列,用来监听数据变化并更新 view 。每次绑定一个东西到 view 上时 AngularJS 就会往 $watch 队列里插入一条 $watch ,用来检测它监视的 model 里是否有变化的东西。当浏览器接收到可以被 angular context 处理的事件时, $digest 循环就会触发,遍历所有的 $watch ,最后更新 dom。
生南星
2019/07/22
2.1K0

相似问题

ui-bootstrap:从指令控制器中访问模式实例

10

在Angular中重构$rootScope.$apply

12

在$rootScope中的位置更改时重置Angular.js属性

14

angular中的$rootScope问题

11

Angular ui-bootstrap typeahead建议-滚动

30
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文