在 Ionic 中得到未定义的输入值

Question

我只是想在控制器中获取我的输入值。但是我总是在网页上得到一个'undefined'。

这是我的 HTML 代码。

<div class="list">
        <label class="item item-input">
            <input id="FirstName" type="text" placeholder="* First Name" data-ng-model="Info.FirstName" />
        </label>
    </div>

和javascript.

 $scope.Info = {};

 $scope.Next = function () {

        switch (pageno) {
            case 1:
                alert($scope.Info.FirstName);
                break;
            case 2:
                alert($scope.Info.FirstName);
                break;
        };
}

当我单击按钮 Next() 时，将运行并发出警报 'undefined'。这是一个非常简单的功能。我认为是因为我使用离子框架。

Answer 1

你想实现这个目标吗？？

HTML

<!DOCTYPE html>
<html ng-app="plunker">
  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.15/angular.js" data-semver="1.3.15"></script>
    <script src="app.js"></script>
  </head>
  <body ng-controller="MainCtrl">
    <div class="list">
        <label class="item item-input">
            <input id="FirstName" type="text" placeholder="* First Name" ng-model="Info.FirstName" />
        </label>
        <button ng-click="Next(Info)"> Next </button>
        {{value}}
    </div>
  </body>
</html>

控制器

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {

  $scope.Next = function (infodata) {
  $scope.value=infodata;      

};

});

Plnkr : http://plnkr.co/edit/X74FejDWVpxDRCB4v63n?p=preview

Answer 2

看我的例子：

<div class="item item-body">
    <form style="" class="list">
      <label class="item item-input item-floating-label">
        <span class="input-label">Enter file content</span>
        <input type="text" ng-model="file.input" placeholder="Enter file content">
      </label>
    </form>
    <div style="" class="button-bar">
      <button class="button button-positive  button-block button-outline" id="write_file" ng-click="wirteFileContent(file)">Write</button>
      <button class="button button-positive  button-block button-outline" id="read_file" ng-click="readFileContent()">Read</button>
    </div>
  </div>

记住：ng-model="file.input" ...... ng-click="wirteFileContent(file)"

在控制器中：

$scope.wirteFileContent = function(file) { console.log(file.input); };

在 Ionic 中得到未定义的输入值

Got undefined input value in Ionic

javascript

angularjs

ionic-framework

ionic