首页 / JAVASCRIPT / javascript-ng-model值在控制器中未定义

javascript-ng-model值在控制器中未定义

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-ng-model值在控制器中未定义，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1380字，纯文字阅读大概需要2分钟。

内容图文

我试图建立一个视图,该视图仅通过ng-model接收电子邮件和密码,然后通过ng-click将其传递给控制器??中的登录功能.我似乎无法使其正常工作,过去有关范围继承和$parent的文章似乎也无法为我解决问题.

ng模型位于离子含量和标签下,这就是为什么我的假设会导致范围继承问题的原因.同样,在视图{{user.email}}中发生的数据绑定永远不会更新.

这是一个尝试重新创建问题的工具：http://plnkr.co/edit/JFlO64xi4nG84xqFDYsv?p=info

的HTML

<body ng-controller='MyCtrl'>

    <ion-content>
    <div class="list">
      <label class="item item-input">
        <input type="email" placeholder="Enter Email" ng-model="user.email">
      </label>
      <label class="item item-input">
        <input type="email" placeholder="Enter Password" ng-model="user.password">
      </label>
      {{user.email}}
      {{user.password}}
      <button class="button button-block button-positive" ng-click="login(user.email,user.password)">Log in</button>
    </div>
  </ion-content>

  </body>

的JavaScript

angular.module('starter', ['ionic'])

.controller('MyCtrl', function($scope) {
  $scope.user = {
    email: '',
    password: ''
  }
  $scope.login = function(email,password) {
    console.log("email is: ",email); // will log undefined
    console.log("password is",password); // will log undefined
  };
})

我已经试过$parent.user.email,但这也不起作用.有人可以帮我弄清楚这里出了什么问题吗？

解决方法:

您已设置type =“ email”,这将导致进行验证.当字段无效时,基础模型将不会更新.将输入更改为type =“ text”以查看区别.

有关详细信息,也请参见input [email]上的the docs.

内容总结

以上是互联网集市为您收集整理的javascript-ng-model值在控制器中未定义全部内容，希望文章能够帮你解决javascript-ng-model值在控制器中未定义所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/663231.html

来源：【匿名】