Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
从Angularjs控制器的HTML输入元素获取值_Angularjs - Fatal编程技术网

从Angularjs控制器的HTML输入元素获取值

从Angularjs控制器的HTML输入元素获取值,angularjs,Angularjs,我试图从Angular controller的HTML元素中获取值 <div ng-app="myApp" ng-controller="myControler"> <br /> <input id="Text1" type="text" runat="server" value="aValue" / 但是name返回“undefined” 请问,我做错了什么?angular.element是jquery$的别名 您可以这样访问该元素:angular.e

我试图从Angular controller的HTML元素中获取值

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

<input id="Text1" type="text"  runat="server" value="aValue" /
但是name返回“undefined”


请问,我做错了什么?

angular.element
是jquery
$
的别名

您可以这样访问该元素:
angular.element('#Text1').val()

ng model
是实现这一点的角度方法。可以使用ng init从ASP设置值

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

这可以使用scope
console.log($scope.inputVal)从控制器访问


JSFIDLE示例:

为什么需要Angle元素来访问表单元素

您可以通过将模型绑定到它来获取和设置值

像这样

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

使用角元素选择器#


当使用
ng model
时,不需要值字段。我为您添加了一个示例。这里有一个惯例,模型名称应该在它里面有一个点,否则它将丢失在$scope的realmHi,Preston中。我无法使用ng init,因为此值将从Asp.net页后面的代码中填充…此元素“Text1”将从Asp.net表单后面的代码中填充。然后我将在控制器中使用它的值。如果我将其绑定到范围变量,控制器将重置其值。除非您使用控制器将ng模型设置为asp给定的值。net@GCoe请看我关于从输入标记初始化模型的回答,我只是想知道,如果您要访问.cs文件中的所有内容,那么为什么需要使用angular?如果您非常想使用angularjs,那么请尝试使用仅服务器端代码的数据保存和检索,并让angularjs处理其他数据。Hi Anik,我正在尝试将.cs中的一组点(公司名称,lat,long)传递给一个控制器,该控制器将使用ngmap在地图上绘制这些点。从控制器访问DOM是一种糟糕的做法。DOM只能在指令内访问。@mpolci我已经试着弄清楚如何在AngularJS中获取输入好几天了;请详细说明一个彻底的例子,我可以采取的用户输入,然后比较它的控制器内的数据。
<input id="Text1" type="text"  runat="server" ng-model="input.field1" />
$scope.input={
  field1:''
}
<input id="Text1" type="text"  runat="server" value="aValue" />

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