如何將ng-Model的值賦予Controller angular js

Question

請幫我查一下這部分代碼。

<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);
    }               
 });

謝謝大家。 我已經更新了我的腳本。 單擊按鈕時，控制台無法打印數據。 為什么？ 我覺得有些不對勁。

Answer 1

您沒有定義user

但是如果你只使用user作為模型，這應該不是問題

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

它將作為屬性添加到scope無需擔心。

但是您已在user添加了屬性username 。

由於user undefined因此場景將是undefined.username ，這是不允許的。

嘗試將user定義為對象，然后自動添加任何屬性。

像這樣

$scope.user={};

Answer 2

你應該在你的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>

的情況下

ng-click =“add（）”

使用

ng-click =“add（user）”

在你的控制器中

$scope.add = function(user){

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

    console.log($scope.data);

}); // End add Function

如何將ng-Model的值賦予Controller angular js

問題描述

2 個解決方案

解決方案1
6 2015-12-23 08:21:17

解決方案2
1 2017-06-14 11:39:20

如何將ng-Model的值賦予Controller angular js

問題描述

2 個解決方案

解決方案1 6 2015-12-23 08:21:17

解決方案2 1 2017-06-14 11:39:20

解決方案1
6 2015-12-23 08:21:17

解決方案2
1 2017-06-14 11:39:20