' object Object'表单输入字段上显示的变量

时间:2017-01-26 16:55:14

标签: javascript angularjs object

在我的AngularJS模板中,我有以下登录输入字段部分。它目前正在自动填充输入字段而不是电子邮件地址,它显示在电子邮件字段中(而不是you@email.com等...)

[object Object]

我的模板/视图

<input ng-model="form.email" type="email" name="email" placeholder="Email" autocomplete="off">

使用变量form.email的ng模型(虽然我无法确定究竟是从哪里来的) - 可能出现什么问题?

1 个答案:

答案 0 :(得分:2)

确保form.email应该是string而不是object

工作演示:

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

app.controller('MyCtrl',function($scope) {
    $scope.form = {
        email: "you@email.com"
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="MyCtrl">
  <input ng-model="form.email" type="email" name="email" placeholder="Email" autocomplete="off">
</div>