AngularJS - $ scope在模态打开时不会更新

我对AngularJS非常陌生。我有简单的形式 -

<div ng-controller="editProfileController" class="modal" id="editprofile" modal="editprofile"> 
    <form method="post" action="" id="cropimage" name="editfrm" enctype="multipart/form-data" > 
    <div class="form-group"> 
     <div class="input-group"> 
     <span class="input-group-addon theme-label input-social" id="basic-addon1">Display Name</span> 
     <input type="text" class="form-control theme-text custom-url" ng-model="editprofile.displayname" name="displayname" id="displayname" required="" /> [email protected]{{editprofile.displayname}} 
     </div> 
     <span class="error" ng-show="submitted && editfrm.displayname.$error.required">This is required field</span> 
    </div> 
    </form> 
</div> 
<a href="#" ng-controller="editProfileController" ng-click="getprofileinfo()" class="editbtn link" data-toggle="modal" > 
    <span>Edit Profile</span> 
</a>

编辑配置文件链接将从控制器调用功能getprofileinfo()。这里是我的控制器：

mainApp.controller("editProfileController", function($scope,$rootScope, $http) { 
    $scope.getprofileinfo = function(editprofile) { 

    $http({ 
     url: "profile/geteditdata", 
     method: 'GET', 
     headers : {'Content-Type':'application/x-www-form-urlencoded; charset=UTF-8'} 
    }).success(function(data) { 

     $scope.editprofile = {}; 
     $scope.editprofile.displayname = "test"; // data.displayname     
     $rootScope.editprofile = true; 

    }).error(function(err) { 
     "ERR", console.log(err)}) 
    }

在控制器中，$rootScope.editprofile = true;开放模式对话框，但我分配给editprofile.displayname值不会得到更新。我尝试从rootScope中分配值，如$rootScope.editprofile.displayname = "test";，但结果相同。显示名称文本框在模式窗口中显示为空白。我在这里错过了什么吗？

来源

2016-09-28 SandyK

请加活生生的例子（的jsfiddle）。首先，你有两个'ng-controller =“editProfileController”'html –

请在你的问题中发布剩余的代码。 – Pradeepb

你应该使用$超时更新值，我认为应用周期可能没有运行。

做这样的事情

}).success(function(data) { 

    $timeout(function(){ 
     $scope.editprofile = {}; 
     $scope.editprofile.displayname = "test"; // data.displayname     
     $rootScope.editprofile = true; 
    }) 

}).

来源

2016-09-28 12:08:12 AbhiGoel

AngularJS - $ scope在模态打开时不会更新

回答

相关问题