Javascript AngularJS-函数在ng click上不起作用
我的作用域函数“login()”在用户使用“ng click”输入时不起作用,为什么不起作用?请帮忙 HTML 形式如下:Javascript AngularJS-函数在ng click上不起作用,javascript,html,angularjs,function,controller,Javascript,Html,Angularjs,Function,Controller,我的作用域函数“login()”在用户使用“ng click”输入时不起作用,为什么不起作用?请帮忙 HTML 形式如下: <form id="login-form1" name="$parent.userloginForm" class="list" > <div class="spacer" style="height: 40px;"></div> <ion-list id="login-list1">
<form id="login-form1" name="$parent.userloginForm" class="list" >
<div class="spacer" style="height: 40px;"></div>
<ion-list id="login-list1">
<label class="item item-input" id="login-input1">
<span class="input-label">Email :</span>
<input type="text" name="email" ng-model="member.email" placeholder="">
</label>
<label class="item item-input" id="login-input2">
<span class="input-label">Senha :</span>
<input type="password" ng-model="member.password" placeholder="">
</label>
</ion-list>
<div class="spacer" style="height: 40px;"></div>
<a id="login-button1" class="button button-assertive button-block icon-right ion-log-in" ng-click="login()" >Entrar</a>
<a href-inappbrowser="/signup" id="login-button2" class="button button-positive button-block button-clear">Esqueceu sua senha?</a>
</form>
电邮:
森哈:
尝试使用$scope.member.email
而不是$scope.userloginForm.email.$modelValue
和$scope.member.password
而不是$scope.userloginForm.password.$modelValue
在登录
函数中,将表单输入的数据写入此属性。当然,在控制器的顶部应该有$scope.member={}
。另外,我认为表单的名称
应该是userloginForm
,而不是$parent.userloginForm
。还有一件事-如果不必,您不应该使用ng-click()
提交表单,您应该在表单和上使用ng submit=“login”
而不是使用$scope.userloginForm.email.$modelValue
您可以直接将ng model
对象作为login
函数中的参数传递
在HTML中:
<a id="login-button1" class="button button-assertive button-block icon-right ion-log-in" ng-click="login(member)" >Entrar</a>
$scope.login = function(member) {
var signin_email = member.email;
var signin_password = member.password;
console.log(signin_email);
console.log(signin_password);
}
演示
var myApp=angular.module('myApp',[]);
myApp.controller('MyCtrl',函数($scope){
$scope.login=函数(成员){
var signin_email=member.email;
var signin_password=member.password;
控制台日志(登录电子邮件);
控制台日志(登录密码);
}
});代码>
电邮:
森哈:
提供更具体的详细信息。。。“不工作”告诉我们几乎没有什么价值。花几分钟阅读并尝试更新控制器代码中的以下内容$signin_email=$scope.member.email$signin_password=$scope.member.password;仍然不工作@BanshiL。Dangi@Mr.Malaka但是您是否有$scope.member={}代码>行,在$scope.login…
之前?如果您没有,请尝试添加它。@Mr.Malaka将表单名称重命名为“userloginForm”,并将$scope.member={}放在controller.where中的$scope.login方法前面,我必须将scope.member={}?@Mr.Malaka放在$scope.login…
前面一行,比如:$scope.member{$scope.login=function(){???@Mr.Malaka是这样的:$scope.member={};$scope.login…
对我不起作用..控制台上说scope.member{}行中有一个意外的标记;
<a id="login-button1" class="button button-assertive button-block icon-right ion-log-in" ng-click="login(member)" >Entrar</a>
$scope.login = function(member) {
var signin_email = member.email;
var signin_password = member.password;
console.log(signin_email);
console.log(signin_password);
}