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在模態打開時不會更新

回答

相關問題