如何将ng-Model的值赋予Controller angular js

ded*_*ede 4 javascript angularjs

请帮我查一下这部分代码.

<body ng-app = "myApp">
<h1>FORM </h1>
    <div ng-controller="myController">
    <p><label>Username : </label><input type="text" ng-model="user.username" name="username" id="username" /></p>
    <p><label>Email : </label><input type="email" ng-model="user.email"/></p>
    <p><label>Verifikasi Email : </label><input type="email" ng-model="user.verify_email"  /></p>
    <p><label>Password : </label><input type="password"  ng-model="user.password" id="password" /></p>
    <button type="button" ng-click = "add()"  >Sig In</button>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)

在我的Javascript中:

<script>
var app = angular.module('myApp', []);
    app.controller("myController", function($scope){
$scope.user = {};
$scope.add = function(){
     $scope.data = [
                    { nama : $scope.user.username},
                    { email : $scope.user.email},
                    {password : $scope.user.password } ];
console.log($scope.data);
    }               
 });
Run Code Online (Sandbox Code Playgroud)

谢谢大家.我已经更新了我的脚本.单击按钮时,控制台无法打印数据.为什么?我觉得有些不对劲.

Ani*_*bhi 6

你没有定义 user

但如果你只使用user像那样的模型那应该不是问题

<input type="text" ng-model="user" name="username" id="username" />
Run Code Online (Sandbox Code Playgroud)

它将作为财产添加在scope没有任何担忧.

但你已经添加的属性usernameuser.

由于userundefined这样的场景会被undefined.username这是不允许的.

尝试定义user为对象,然后任何属性将自动添加.

像这样

$scope.user={};
Run Code Online (Sandbox Code Playgroud)