Angularjs नियंत्रक से HTML इनपुट तत्व से मूल्य प्राप्त करें

Question

मैं कोणीय नियंत्रक से HTML तत्व से मान प्राप्त करने का प्रयास कर रहा हूं।

<div ng-app="myApp" ng-controller="myControler"> 
<br /> 

<input id="Text1" type="text" runat="server" value="aValue"/

मेरे नियंत्रक:

var myApp = angular.module('myApp', []); 


myApp.controller("myControler", function ($scope, $document) { 

    var name = angular.element($('#Text1')).val(); 
    console.log(name); 

}); 

लेकिन नाम देता है "अनिर्धारित" ...

कृपया, क्या मैं गलत कर रहा हूँ?

Answer 1

angular.element jquery $ के लिए उपनाम है।

आप इस तरह उस तत्व पहुंच सकता है: angular.element('#Text1').val();

ng-model इस हालांकि ऐसा करने के लिए कोणीय तरीका है। आप एनजी-init

<input id="Text1" type="text" runat="server" ng-model="inputVal" ng-init="inputVal='aVal'"> 

का उपयोग कर एएसपी से मूल्य निर्धारित कर सकते हैं और यह गुंजाइश console.log($scope.inputVal);

JSfiddle उदाहरण का उपयोग नियंत्रक से पहुँचा जा सकता: http://jsfiddle.net/n1oppeu2/

Answer 2

क्यों आप फार्म का उपयोग करने की कोणीय तत्व की जरूरत है तत्व ??

आप मिलता है और करने के लिए इसे

इस

<input id="Text1" type="text" runat="server" ng-model="input.field1" /> 

नियंत्रक की तरह

$scope.input={ 
    field1:'' 
} 

Answer 3

मॉडल बंधन का उपयोग कोणीय तत्व चयनकर्ता #

<input id="Text1" type="text" runat="server" value="aValue" /> 

console.log(angular.element('#Text1').val()); 

द्वारा मूल्य निर्धारित कर सकते हैं या

console.log(angular.element('#Text1')[0].value);