控制器功能在 Angular.js 中不起作用
Controller function doesn't work in Angular.js
大家
好!我在 Ctrl 中执行函数时遇到问题。
我尝试做一些警报,控制台.log并在此处搜索答案,但没有找到相同的问题,只是相似。我会感谢大家帮助我解决这个问题)
.HTML
// ctrls.js
var gameApp = angular.module('gameApp');
var AuthorizationCtrl = gameApp.controller('AuthorizationCtrl', function($scope) {
$scope.email = email.value;
$scope.password = password.value;
$scope.signUp = function() { // this function isn't executed when I hope it to be
console.log($scope.email, $scope.password);
gameFactory.signUp(email, password).then(function() {
});
};
});
// services.js
function Factory(FBMSG, $firebaseArray, $firebaseAuth) {
var events = {},
ref = new Firebase(FBMSG),
games = $firebaseArray(ref),
auth = $firebaseAuth(ref);
events.getAllGames = function() {
return games.$loaded();
};
events.signUp = function(email, password) {
return auth.createUser({
email: email,
password: password
});
};
return events;
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!-- ng-view -->
<div ng-controller="AuthorizationCtrl" style="background-color: rgba(0, 0, 0, .5); width: 40%; margin:auto">
<form>
<div class="form-group">
<label for="email">Email address</label>
<input ng-model='email' type="email" class="form-control" id="email" placeholder="Email" required>
</div>
<div class="form-group">
<label for="password">Password</label>
<input ng-model="password" type="password" class="form-control" id="password" placeholder="Password" required>
</div>
<a href="">Forgot your password?</a>
<div>
<button ng-click="SignUp()">SignUp</button> <!-- Problem!!! -->
</div>
</form>
</div>
尝试用这个更改你的html,在你的ng-click中,你指的是注册而不是注册
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!-- ng-view -->
<div ng-controller="AuthorizationCtrl" style="background-color: rgba(0, 0, 0, .5); width: 40%; margin:auto">
<form>
<div class="form-group">
<label for="email">Email address</label>
<input ng-model='email' type="email" class="form-control" id="email" placeholder="Email" required>
</div>
<div class="form-group">
<label for="password">Password</label>
<input ng-model="password" type="password" class="form-control" id="password" placeholder="Password" required>
</div>
<a href="">Forgot your password?</a>
<div>
<button ng-click="signUp()">SignUp</button> <!-- signUp instead of SignUp!!! -->
</div>
</form>
</div>
相关文章:
- Js.erb VS按钮标记-不'不起作用.为什么?
- 为什么indexOf在这个js代码中不起作用
- 淘汰赛.JS'启用'长度绑定条件不起作用
- JS动态添加字段-删除按钮不起作用
- Knockout.JS标签在foreach内部不起作用
- 角度 JS + 重定向不起作用
- JS中的乘法不起作用
- Angular js+ng repeat+字母数字索引不起作用
- 角度Js ng-disabled不起作用
- 路径 lo 加载本地主机子文件夹中的文件不起作用.js仅在基路径中
- Jquery Carousel 不起作用(JS 问题)
- 验证方法在主干网中不起作用.js
- 应用程序.js在骨干中不起作用.js + 要求.js
- 路由在角度下不起作用.js - 没有控制台或语法错误
- Int from for 循环在函数中不起作用 - JS
- 为什么代码不起作用JS
- 为什么这个代码在iPad Pro上不起作用?(JS)
- .将Integer推入数组不起作用JS/JQuery
- 我的下拉列表不起作用-JS有问题
- Bootstrap弹出,粘贴不起作用.JS加载问题