重新加載模態的角度控制器每次打開時

我已經定義了一個單獨的控制器的基本頁面和模式在該頁面上有一個窗體的值包含本地存儲。問題是這個模式控制器在頁面加載到DOM上時加載模態元素的值，並在每次彈出時顯示該值。但是它需要在每次彈出時從本地存儲裝載值，因爲它需要分開的值。重新加載模態的角度控制器每次打開時

HTML：

<div ng-controller="resourceListController"> 
<table> 
    <tbody> 
       <tr ng-repeat="resource in filteredList|orderBy:orderProperty:reverse" ng-click="showDetails(resource)" data-toggle="modal" data-target="#resourceDetailModal"> 
         <td> {{resource.ResourceName}}</td> 
         <td> {{resource.Age}}</td> 
        </tr> 
      </tbody> 
</table> 
<div> 



<!-- Resource Detail Modal--> 
<div class="modal fade" id="resourceDetailModal" tabindex="-1" ng-cloak ng-controller="resourceDetailController"> 
<div class="modal-dialog modal-lg"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
      <h4 class="modal-title">Modal title</h4> 
     </div> 
     <div class="modal-body"> 
      <form class="form-horizontal"> 
       <div class="form-group"> 
        <label class="control-label col-xs-4">Resource Name</label> 
        <div class="col-xs-8"><label class="form-control">{{resource.ResourceName}}</label></div> 
       </div> 
       <div class="form-group"> 
        <label class="control-label col-xs-4">Age</label> 
        <div class="col-xs-8"><label class="form-control">{{resource.Age}}</label></div> 
       </div> 
      </form> 
     </div> 
    </div> 
</div>

角腳本： resourceListController：

$scope.showDetails = function(resource) { 
    localStorage.setItem("res", JSON.stringify(resource)); 
};

resourceDetailController：

resourceApp.controller('resourceDetailController', function($scope) { 
    $scope.resource = JSON.parse(localStorage.getItem("res")); 
});

來源

2017-07-25 Sakky

是否要更新您的本地存儲的值，當每次它彈出？ – AkankshaGupta

@AkankshaGupta是的。 – Sakky

如果你分享你的代碼，這將是有幫助的。 – AkankshaGupta

您可以添加下面的代碼在您的resourceDetailController中，以在彈出時更新模態數據。編輯：

$scope.showDetails = function(resource) { 
localStorage.setItem("res", JSON.stringify(resource)); 
    $("#resourceDetailModal").modal(); 
}; 
$scope.data={}; 
$scope.data.filteredList=[{ResourceName:"AkankshaGupta ",Age:93}, 
{ResourceName:"Asha",Age:91}]; 
}); 
resourceApp.controller('resourceDetailController', function($scope) { 
$("#resourceDetailModal").on('show.bs.modal', function(){ 
$scope.resource = JSON.parse(localStorage.getItem("res")); 
}); 
});

請檢查該代碼，這是工作。我刪除data-target而不是顯示手動模態

HTML：<tr ng-repeat="resource in data.filteredList" ng-click="showDetails(resource)"></tr>

我希望這有助於

來源

2017-07-25 09:00:18 AkankshaGupta

我是否需要添加對控制器的任何依賴？ – Sakky

對不起，但它沒有工作..它沒有被稱爲當模式彈出。 – Sakky

@Sakky請檢查最新答案 – AkankshaGupta

重新加載模態的角度控制器每次打開時

回答

相關問題