Question

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>

</head>
<body>
<h2>Form Validation Example</h2>
<form name="myForm" novalidate="novalidate" data-ng-app="myapp" data-ng-controller="myc">

<p>User Name:<br>
<input type="text" name="fname" ng-model="fname" data-ng-minlength="10" data-ng-required="true" placeholder="Enter name" class="myname">

</p>

<p>Email:<br>
<input type="text" name="mail" ng-click="click($event)" data-ng-model="mail" data-ng-required="true" class="mymail" placeholder="enter mail id"/>

</p>

 <input type="submit" value="click" ng-click="click()" />

  </form>

<script src="angularjs/angular.js"></script>

<script>
var app =angular.module("myapp",[]);

app.controller('myc',function($scope)
        {   
            var fname=$scope.fname;
            $scope.click = function()
            {
                console.log("name "+fname);
                alert("name "+fname);
            }

        });
</script>

</body>
</html>

我想获得一个用户输入的值，然后我想在浏览器中显示它。

我不想在控制器内使用$scope设置值。我尝试了很多次，但我没有成功。有人能帮助我吗？

Answer 1

只需将点击处理函数中的ng-model作为参数传递。

<input type="text" name="mail" data-ng-model="mail" data-ng-required="true" class="mymail" placeholder="enter mail id"/>

<input type="submit" value="click" ng-click="click(mail)" />

在警告中显示模型值

 $scope.click = function(mail)
    {
        console.log("mail "+mail);
        alert("mail "+mail);
    }

如何在angularjs中获得动态值

1 个答案: