angularjs - 从 Angularjs Controller 的 HTML 输入元素中获取值

Question

我正在尝试从 Angular Controller 的 HTML 元素中获取值。

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

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

我的 Controller :

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是有 Angular 的方式来做到这一点。您可以使用 ng-init 从 ASP 设置值

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

这可以从 Controller 使用范围 console.log($scope.inputVal); 访问。

JSfiddle 示例: http://jsfiddle.net/n1oppeu2/