Javascript 如何将ng模型的值输入控制器_Javascript_Angularjs

Javascript 如何将ng模型的值输入控制器

javascript angularjs

Javascript 如何将ng模型的值输入控制器,javascript,angularjs,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" /><

请帮我检查这部分代码

<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>


形式
用户名：
电邮：
核实卡西电子邮件：
密码：
信号输入

在我的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);
    }               
 });


var-app=angular.module（'myApp'，[]）；
app.controller（“myController”，函数（$scope）{
$scope.user={}；
$scope.add=函数（）{
$scope.data=[
{nama:$scope.user.username}，
{email:$scope.user.email}，
{密码：$scope.user.password}]；
log（$scope.data）；
}               
});

谢谢大家。我已经更新了我的脚本。当我点击按钮时，控制台没有打印数据。为什么？我认为有问题。

您没有定义

用户

但是，如果您只使用

user

作为模型，那么这不应该是问题所在

<input type="text" ng-model="user" name="username" id="username" />

在HTML中，您应该

<body ng-app = "myApp"> 

    <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(user)"  >Sig In</button> 
    </div> 

</body>

在引用用户对象之前，请尝试定义它，如

$scope.user={}$scope.data=…

这是因为您编写了

user.username

，但

$scope.user

未定义。我认为您应该阅读有关angular教程和ap文档的内容。请查看，谢谢。我试着像你说的那样。我已经更新了。你能再检查一下吗？

<body ng-app = "myApp"> 

    <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(user)"  >Sig In</button> 
    </div> 

</body>

$scope.add = function(user){

    $scope.data = [
        { name : user.username},
        { email : user.email},
        {password : user.password } 
    ];

    console.log($scope.data);

}); // End add Function