比较来自世界各地的卖家的域名和 IT 服务价格

验证 AngularJs + php

嗨,我开始学习 AngularJs 现在我正在尝试使用您的登录模块 angular 和 php, 但我有一些问题。 我看了很多教科书,但他们都没有在我的情况下很有用,所以这就是我所拥有的: controllers.js:


var controllers = angular.module/'controllers', []/; 

controllers.controller/'loginController', ['$scope', '$http', 'UserService', function/scope, $http, User/ {
scope.main = [
{username: '', password: ''}
]

scope.login = function//{
var config = {
url: '../auth/login.php',
method: 'POST',
data: {
username: scope.main.username,
password: scope.main.password
},
headers: {'Content-Type': 'application/x-www-form-urlencoded'}
}

$http/config/
.success/function/data,status,headers,config/{
if/data.status/{
//succefull login
User.isLogged = true;
User.username = data.username;
}
else{
User.isLogged = false;
User.username = '';
}
}/
.error/function/data,status,headers,config/{
User.isLogged = false;
User.username = '';
}/;
}
}]/


auth.js:


var services = angular.module/'services', []/;

services.factory/'UserService', [function//{
var sdo = {
isLogged: false,
username: ''
};
return sdo;
}]/;


login.php:


$username = $_POST['username'];
if/$username/{
return "Logged";
}else{
return false;
}


和 html:


<div class="col-xs-12" id="loginCol" ng-controller="loginController">
<form name="form" ng-submit="login//" novalidate="">
<div class="form-group">
<label class="sr-only" for="username">Username</label>
<input class="form-control" id="username" ng-model="scope.main.username" placeholder="姓名 ..." type="text"/>
<label class="sr-only" for="password">Password</label>
<input class="form-control" id="password" ng-model="scope.main.password" placeholder="密码 ..." type="password"/>
</div>
<div class="form-group pull-right">
<button class="btn btn-primary" type="button">Login</button>
<button class="btn btn-default" type="button">Register</button>
</div>
</form>
</div>


在这种情况下,我只需要用户在用户的输入字段中输入某些内容,然后按登录按钮,当呼叫成功时 login.php 返回一些消息。 问题是以这种方式编写的代码接收了一个错误 "'loginController' 不起作用,收到不确定性", 如何解决它?
已邀请:

龙天

赞同来自:

/信息披露:我是开发人员之一 UserApp

/

您可以尝试第三方服务。
https://www.userapp.io
和...一起
https://github.com/userapp-io/userapp-angular
AngularJS .

退房S.
https://github.com/userapp-io/userapp-angular
工作或通过
http://www.codecademy.com/cour ... v2b3k
. 以下是其工作原理的一些示例:


错误处理时错误记录表单

:


<form ua-error="error-msg" ua-login="">
<input name="login" placeholder="Username"/><br/>
<input name="password" placeholder="Password" type="password"/><br/>
<button type="submit">Log in</button>
<p id="error-msg"></p>
</form>



使用错误处理注册的形式

:


<form ua-error="error-msg" ua-signup="">
<input name="first_name" placeholder="Your name"/><br/>
<input name="login" placeholder="Email" ua-is-email=""/><br/>
<input name="password" placeholder="Password" type="password"/><br/>
<button type="submit">Create account</button>
<p id="error-msg"></p>
</form>



ua-is-email

意味着用户名与之一致 email.


如何指定必须公开哪些路由以及哪条路线 - 入口的形式

在系统中:


$routeProvider.when/'/login', {templateUrl: 'partials/login.html', public: true, login: true}/;
$routeProvider.when/'/signup', {templateUrl: 'partials/signup.html', public: true}/;


路线
.otherwise//

必须安装在登录后要重定向用户的位置。 例子:


$routeProvider.otherwise/{redirectTo: '/home'}/;



链接退出

系统:


<a href="#" ua-logout="">Log Out</a>



访问用户属性

:

使用该服务执行对用户信息的访问。
user

, 例如:
user.current.email


或在模板中:
<span>{{ user.email }}</span>



隐藏应在输入时可见的元素

系统:


<div ng-show="user.authorized">Welcome {{ user.first_name }}!</div>



显示基于权限的项目

:


<div ua-has-permission="admin">You are an admin</div>


并在您的内部服务中传递身份验证,只需使用
user.token//

, 获取会话令牌并通过请求发送它 AJAX. 在后台,使用库
https://app.userapp.io/#/docs/

https://app.userapp.io/#/docs/libs/php/
PHP, 检查令牌是否有效。

如果您需要帮助,请告诉我。

奔跑吧少年

赞同来自:

你创造了附件


var controllers = angular.module/'controllers', []/;


但没有在代码中使用它 html, 添加属性 ng-app 在包装中 div


<div class="col-xs-12" id="loginCol" ng-app="controllers" ng-controller="loginController">


第二个问题是你试图抓住一个活动 submit, 但不要发送表格,而是使用类型
submit


button



<button class="btn btn-primary" type="submit">Login</button>


或添加属性
ng-click="login//"

按钮并删除
ng-submit='login//'

从形式
</div>

要回复问题请先登录注册