html – Angular中的可变范围

概述我正在Angular中构建一个简单的网页注册表单,将数据存储在Parse中. controller('AppCtrl', ['$scope', '$rootScope', function($scope, $rootScope) { $rootScope.groupCreated = false; $scope.signUp = function(form) { 我正在Angular中构建一个简单的网页注册表单,将数据存储在Parse中.

controller('AppCtrl',['$scope','$rootScope',function($scope,$rootScope) {    $rootScope.groupCreated = false;    $scope.signUp = function(form) {        var Group = Parse.Object.extend("adminOrg");        var group = new Group();        group.set("groupname",form.name);        group.set("groupPassword",form.password);            group.save(null,{                  success: function(data) {                      $rootScope.groupCreated = true;                  },error: function(data,error) {                    alert(error.message);                  }                });      };}]);

我在我的HTML中使用$rootScope.groupCreated来隐藏注册表单并在调用成功函数后显示“Group successfully created”消息.该值已成功更改为true,但它不会更改HTML视图.我使用以下隐藏和显示两个div：

ng-hIDe="$rootScope.groupCreated"ng-show="$rootScope.groupCreated"

我在HTML中错误地访问了$rootScope吗？

解决方法 Well Angular只是不知道你在范围上改变了一些东西,因为Parse函数不是Angular生态系统的一部分,所以不包括在摘要检查循环中.让我们用 $apply方法手动知道Angular：

group.save(null,{    success: function (data) {        $rootScope.groupCreated = true;        $rootScope.$apply();    },error: function (data,error) {        alert(error.message);    }});

另一个问题,感谢vp_arth在注释中注意到：你没有在Agnular表达式中使用$rootScope前缀：

ng-show="groupCreated"

总结

以上是内存溢出为你收集整理的html – Angular中的可变范围全部内容，希望文章能够帮你解决html – Angular中的可变范围所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。