Javascript 即使在显示结果后也显示输入值
我有一个html页面,它有两个字段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: <
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();
});