Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 即使在显示结果后也显示输入值_Javascript_Angularjs_Ionic Framework - Fatal编程技术网

Javascript 即使在显示结果后也显示输入值

Javascript 即使在显示结果后也显示输入值,javascript,angularjs,ionic-framework,Javascript,Angularjs,Ionic Framework,我有一个html页面,它有两个字段From date和To date。单击“提交”按钮,我可以根据日期检索信息并将其显示在同一页面中,但我的自日期和至日期字段变为空。因此,我如何保存这些值,以便即使在显示信息之后,它们仍保留在各自的字段中 HTML: <ion-content ng-init=onViewloaded()> From: <input type="date" ng-model="fromDate"> To: <

我有一个html页面,它有两个字段
From date
To date
。单击“提交”按钮,我可以根据日期检索信息并将其显示在同一页面中,但我的
自日期
至日期
字段变为空。因此,我如何保存这些值,以便即使在显示信息之后,它们仍保留在各自的字段中

HTML:

  <ion-content ng-init=onViewloaded()>    
    From:
    <input type="date" ng-model="fromDate">
    To:
    <input type="date" ng-model="toDate">
    <button type="submit" ng-click="Save()">Submit</button><br>
    Data:
    {{receivedData.name}}
    {{receivedData.information}}
   </ion-content>

那么,即使在加载数据之后,为了在其字段中显示
From date
to date
,我还缺少什么呢?

因为您是通过
var dataToSend={'From':$scope.fromDate'中的引用传递对象的,可能它们在其函数
bulkDateService.postData(dataToSend,error)中被删除或更改(当您更改
dataToSend
的“to”和“from”字段时

若要尝试此方法,请发送一份日期副本而不是参考,看看这是否解决了您的问题。如下所示:

var dataToSend={'from':angular.copy($scope.fromDate), 'to':angular.copy($scope.toDate)};
并尽量避免使用ng init指令,尽可能使控制器逻辑远离视图。为此,只需调用控制器上的函数:

    $scope.receivedData;

    $scope.onViewloaded=function()
   {
     bulkDateService.getData($scope.RetrievedData);
   }
   $scope.RetrievedData = function(data,error)
  {
    $scope.receivedData=data;
  }
    $scope.save=function()
   {
    var dataToSend={'from':$scope.fromDate, 'to':$scope.toDate};
    bulkDateService.postData(dataToSend,error);
   }
$scope.onViewloaded=function()
   {
     bulkDateService.getData($scope.RetrievedData);
   }
$scope.onViewloaded();
或者更好地使用爱奥尼亚的查看事件:


单击我可以提交dont submit…您的提交刷新页面…或在保存中防止默认值。如果我不使用,则如何将数据发送到控制器和服务因此没有此方面的帮助……:(
angular.copy
执行深度复制,如果我更改日期,它会保留新值吗?在视图和控制器中,是。在bulkDateService中,不会,除非调用save()再次使用函数复制并发送新值。另一个选项是查看您的服务,永远不要修改输入参数,这样日期就不会被删除。
$scope.$on("$ionicView.beforeEnter", function(event, data){
   $scope.onViewloaded();
});