Javascript 获取文本框值

Javascript 获取文本框值,javascript,ionic-framework,ionic2,Javascript,Ionic Framework,Ionic2,嗨,我是爱奥尼亚的新手,我有以下html和js代码。我试图在单击按钮时获取用户在textbox上输入的值。(如果可能,我希望将其存储到对象或本地缓存中,以便在同一会话中使用) 离子与角离子一起工作,角离子的核心原理是双向结合。有很多方法可以实现这一点,但其中一种方法是设置html项的模型。 因此,如果您将输入设置为具有ng模型 <ion-input type="text" value="" [(ngModel)]="inputName"></ion-input> 它将保

嗨,我是爱奥尼亚的新手,我有以下html和js代码。我试图在单击按钮时获取用户在textbox上输入的值。(如果可能,我希望将其存储到对象或本地缓存中,以便在同一会话中使用)


离子与角离子一起工作,角离子的核心原理是双向结合。有很多方法可以实现这一点,但其中一种方法是设置html项的模型。 因此,如果您将输入设置为具有ng模型

<ion-input type="text" value="" [(ngModel)]="inputName"></ion-input>

它将保存html中的值更改。

我不确定ionic2,但在ionic 1中,我们可以执行以下操作:

下面是一个将use input text的值存储到和对象中的示例

<input type="text" ng-model="username">
<input type="text" ng-model="password">
<button class="button"ng-click="login(username,password)"> submit</button>
检查这个答案,它总是对我有用。

使用这个:

<input type="text" name="input name" ng-model="variable-to-bind" />

您可以使用
$scope
从控制器访问要绑定的
变量

例如:

  • 如果要绑定的
    变量是
    username
    ,您可以像
    $scope.username
    一样访问它

您好,我已经试过了,但它对我的情况不起作用。我需要初始化角度吗?谢谢,它成功了!我可以知道为什么我的ngmodel必须在一个对象中吗?在这个例子中它不是一个对象。你是说为什么它应该在控制器中作为属性?如果你愿意,你可以在第1页读到这一点,谢谢!再来一个QN!有可能在下一页获得相同的名称吗?不可能使用ng模型,因为每个页面都有自己的数据范围。但是,如果您真的想这样做,您可以像这样使用NavController.nav.push(SecondView,{paramUser:user})来传递数据;(别忘了设置导航控制器的路由以使其成为可能)了解更多:如果使用*ngFor动态创建ion输入,如何获取值
this.inputName;
<input type="text" ng-model="username">
<input type="text" ng-model="password">
<button class="button"ng-click="login(username,password)"> submit</button>
$scope.login= function(username,password){
   console.log(username);
   console.log(password);
var loginUser = {
     "username":username,
     "password":password
};
console.log(loginUser);
<input type="text" name="input name" ng-model="variable-to-bind" />