天天看点

angularjs中$http、$location、$watch及双向数据绑定学习实现简单登陆验证

使用$http、$location、$watch及双向数据绑定等实现简单的用户登陆验证,记录备忘:

1、$http模拟从后台获取json格式的数据;

2、$watch实时监控数据变化;

3、$location.path实现页面跳转;

4、$scope实现数据绑定,包括input内容及文字样式等

app.js代码

首页contacts.html代码:

login.html代码:

loginctr.js代码:

user.json数据:

login.css代码:

效果图:

angularjs中$http、$location、$watch及双向数据绑定学习实现简单登陆验证

继续阅读