如何獲得價值NG-模型在HTML中的JavaScript

也許愚蠢的問題，但我有我的簡單的輸入和密碼的HTML表單：如何獲得價值NG-模型在HTML中的JavaScript

<li> 
    <input type="text" placeholder="Username" ng-model="user.username" /> 
    <a class="iconani usera"></a> 
</li> 
<li> 
    <input type="password" placeholder="Password" ng-model="user.password" /> 
    <a class="iconani locka"></a> 
</li>

，我想從NG-模型，Java腳本獲得價值

query.equalTo("user", document.getElementById('value from ng-model'));

我用這個從parse.com
你能幫助我嗎？

來源

2014-11-23 user3489557

使用$ scope.user.username和$ scope.user.password – 2014-11-23 10:28:37

@MatejŽvan不工作先生:( – user3489557 2014-11-23 10:36:46

在AngularJS中，您根本不需要（也不需要）觸摸DOM來獲取數據。 ng-model指令在您的<input>和您的$scope.user變量的屬性之間創建自動雙向綁定。

login($scope.user.username, $scope.user.password, ...);

根本不需要觸摸窗體本身。

來源

2014-11-23 10:28:52 hon2a

仍然沒有工作，先生:( – user3489557 2014-11-23 10:35:35

您需要提供的jsfiddle /然後codepen ，t o顯示迄今包含的兩段代碼之間的關係。 – hon2a 2014-11-23 10:40:55

angular.module（ 'AuthApp'，[]） \t .RUN（[ '$ rootScope'，函數（$範圍）{ \t $ scope.scenario = '登錄'; \t $ scope.currentUser =解析。 User.current（）; \t \t $ scope.logIn =函數（表）{ \t \t Parse.User.logIn（form.username，form.password，{ \t \t成功：功能（用戶）{ \t \t \t $ scope.currentUser = user; \t \t \t $ scope。$ apply（）; \t \t}， \t \t錯誤：功能（用戶，錯誤）{ \t \t \t警報（錯誤。信息）; \t \t} \t \t}）; \t}; \t \t $ scope.logOut = function（form）{ \t \t Parse.User.logOut（）; \t \t $ scope.currentUser = null; \t}; – user3489557 2014-11-23 10:50:12

hon2a的答案是正確的;-)我可以嘗試解釋它有點不同，因爲我也剛剛開始使用angular。在http://www.w3schools.com/angular/angular_intro.asp給出了ng模型和控制器的角度概念的一個很好和簡單的介紹。

所以，你所有的JavaScript應該在角控制器中執行。在相應的控制器（即JavaScript代碼）中，來自HTML表單的數據使用該角度指令「ng-model」進行綁定，而沒有其他任何內容。你有你的HTML部分就好了，假設你有角度的東西鏈接正確（我強烈建議使用Yeoman角生成器來處理...）。至少也應該是這樣的：

<head> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script> 
</head> 
<body> 
<div ng-app="yourApp" ng-controller="yourController"> 
    <!-- your app part goes here --> 
</div>

然後是在相位控制器，你實際上有手頭的數據，而不做其他任何事情比只是有它構造函數/初始化器自動：

angular.module('yourApp').controller('yourController', function ($scope) { 

    $scope.user = {'username': '', 'userpassword': ''}; 

    // And rest of your stuff goes here... 
    // In your functions, just use $scope.user.username and $scope.user.userpassword. 
}

希望這有助於...

來源

2014-11-24 06:58:52

如何獲得價值NG-模型在HTML中的JavaScript

回答

相關問題