Question

我试图从用户那里获取日期并将其传递给服务以进行其他操作但是当我尝试阅读给定的输入时我得到undefined，为什么会发生这种情况以及如何克服 HTML：

<ion-view ng-controller="getFromUser">
<ion-content>
From:
<input type="date" ng-model="start">
<br>
To:
<input type="date" ng-model="end">
<br>
<button ng-click="save()">GO</button>
</ion-content>
</ion-view>

控制器：

app.controller("getFromUser",function($cope, userService){
$scope.save=function()
{
var userInput={'start':$scope.start, 'end':$scope.end};
console.log(userInput);
}

Answer 1

app.controller("getFromUser",function($scope, userService){
$scope.save=function()
{
var userInput={'start':$scope.start, 'end':$scope.end};
console.log(userInput);
}

Answer 2

该代码应该适用于支持html5类型＆＃39; date＆＃39;的浏览器，但它不会在Firefox上获胜。在这种情况下，您可以使用＆＃39;文本＆＃39;或者改为使用日期选择器。

（您的代码缺少＆＃39; s＆＃39;参数声明＆＃34; $ cope＆＃34;）

.controller("getFromUser", function($scope, userService) {
    $scope.save = function() {
      var userInput = {
        'start': $scope.start,
        'end': $scope.end
      };
      console.log(userInput);
    }
  });

您可以看到此CodePen适用于Chrome，但不适用于Mozilla。

一旦日期有效，$ scope vars将获取日期数据。

Answer 3

我尝试在函数中传递ng-model作为参数，我能够读取给定的输入。这对我有用，不知道我有什么问题。

HTML：

<ion-view ng-controller="getFromUser">
<ion-content>
From:
<input type="date" ng-model="start">
<br>
To:
<input type="date" ng-model="end">
<br>
<button ng-click="save(start,end)">GO</button>
</ion-content>
</ion-view>

控制器：

app.controller("getFromUser",function($scope, userService){
$scope.save=function(start,end)
{
var userInput={'start':start, 'end':end};
console.log(userInput);
}

使用angularjs和ionic显示用户输入

3 个答案: