Question

我正在使用angularjs，我创建了一个登录表单和一个控制器，我试图获取文本框的值。我的HTML看起来像：

<div class="form-group">
            <label for="username">Username:</label>
            <input type="text" class="form-control" id="user.uname" placeholder="Enter username" ng-model="usname">
        </div>
        <div class="form-group">
            <label for="username">Firstname:</label>
            <input type="text" class="form-control" id="user.Firstname" placeholder="Enter Firstname">
        </div>

我的控制器就像：

module1.controller('RegisterController', function ($scope, $http) {
    $scope.XHR_Result = "XHR Not Yet Initiated";

  //  $scope.User = {};

    $scope.User =
        {
            username: "",
            Firstname: "",
            lastname: "",
            emailID: "",
            password: ""
        };...................

在控制器中，我想获取html页面中上面定义的文本框的值。能告诉我，我怎样才能获得控制器中文本框的价值。

Answer 1

你只需要使用角度双向绑定

https://docs.angularjs.org/tutorial/step_04

对于您的代码，您需要做的就是将ng-model元素上的<input>分配给user.Firstname

<input type="text" class="form-control" ng-model="user.Firstname" id="user.Firstname" placeholder="Enter Firstname">

Answer 2

由于Angular中具有令人敬畏的双向绑定，因此您无需为此做任何额外的工作。

当你声明它时：

<div ng-controller="FormCtrl">
    ...
    <input type="text" ng-model="username">
    ...
</div>

现在，该值将在控制器“FormCtrl”中自动显示为：

$scope.username

Answer 3

您不需要将每个字符串设置为＆＃34;＆＃34;用于角度工作

首次使用

 $scope.User = {};

然后用html使用

<div class="form-group">
    <label for="username">Username:</label>
    <input type="text" class="form-control" id="user.uname" placeholder="Enter username" ng-model="User.UserName">
</div>
<div class="form-group">
    <label for="username">Firstname:</label>
    <input type="text" ng-model="User.FirstName" class="form-control" id="user.FirstName" placeholder="Enter Firstname">
</div>

测试添加

div中的

{{User.UserName}}，看它是否有效

我也在需要的地方使用了CamelCase，所以试试吧让我知道

从angularjs获取文本框值

3 个答案: