如何使用angularJS在動態應用程序中獲取輸入值

我正在動態地呈現視圖。例如：如何使用angularJS在動態應用程序中獲取輸入值

username   --> type : text input 
password   --> type : text password 
company   --> type : text : input 
keep me logged in --> type : boolean checkbox

每個文本框，單選按鈕，複選框，任何輸入元件從已分離的範圍指令渲染。

現在有一個名爲Sign In的按鈕，點擊按鈕後會有一些規則告訴我讀取所有值並調用api。

挑戰是當我點擊按鈕登錄我怎樣才能讀取用戶名，密碼，公司的價值，並保持我登錄複選框。因爲我沒有設置範圍變量。我甚至不知道有多少輸入元素。

任何幫助將是一個偉大的supprt

來源

2016-06-22 Naushad Ahmad

-1

的index.html

<html> 
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<body> 

<h2>Angular js get input Example</h2> 

<form ng-app="demoApp" ng-controller="validationCtrl" 
name="myForm"> 
<p>Username:<br><input type="text" name="user" ng-model="user.name" ></p> 
<p>Email:<br><input type="email" name="email" ng-model="user.email" ></p> 
<p>password:<br><input type="password" name="email" ng-model="user.pass" ></p> 
<p>check:<br><input type="checkbox" name="email" ng-model="user.check" ></p> 
<input type="submit" ng-click="alldata(user)"></p> 
</form> 
<script> 
//This is controller 
var app = angular.module('demoApp', []); 
app.controller('validationCtrl', function($scope) { 
    $scope.alldata=function(user) 
    { 
    alert(JSON.stringify(user)); 
    } 
}); 
</script> 
</body> 
</html>

來源

2016-06-22 07:13:43

感謝您的答覆。但你怎麼知道範圍？我說每個輸入在指令中都有隔離範圍。 –

如何使用angularJS在動態應用程序中獲取輸入值

回答

相關問題