AngularJs+bootstrap搭载前台框架3
来源:互联网 发布:部落冲突亡灵升级数据 编辑:程序博客网 时间:2024/04/20 18:49
这个简单的框架最后只剩下了js的控制部分了,angular框架有自己的逻辑部分,有自己的controller和service层,由于我们可能要用到angular的一些内置的resource和cookie,所以我们需要再加入angular的一些lib:
--------------index.html------------------
- <script src="lib/angular/angular-strap.js"></script>
- <script src="lib/angular/angular-resource.js"></script>
- <script src="lib/angular/angular-cookies.js"></script>
首先看我们的services.js
- 'use strict';
- /* Services */
- // Demonstrate how to register services
- // In this case it is a simple value service.
- var services = angular.module('jthink.services', ['ngResource']).
- value('version', '1.0');
- services.factory('LoginService', ['$resource', function ($resource) {
- return $resource('fakeData/userLogin.json', {}, {
- login: {method: 'GET', params: {}, isArray: false}
- });
- }]);
这里我们使用了工厂模式,其实最后是给controller层提供了一个login的方法来调用,下面就看看这个controllers.js
- 'use strict';
- /* Controllers */
- var controllers = angular.module('jthink.controllers', []);
- controllers.controller('LoginCTRL', ['$scope', 'LoginService', function ($scope, LoginService) {
- $scope.login = {};
- $scope.login.submit = function() {
- console.log($scope.login.email);
- console.log($scope.login.password);
- // do some process, invoke the service layer
- LoginService.login(
- {},
- {
- email: $scope.login.email,
- password: $scope.login.password
- },
- function (success) {
- if (success.status == "success") {
- alert('login success');
- } else {
- // error message
- }
- },
- function (error) {
- // error message
- }
- );
- };
- }]);
这里就简单得做了一些逻辑,最主要的还是调用了service层提供的那个login方法。
0 0
- AngularJs+bootstrap搭载前台框架3
- AngularJs+bootstrap搭载前台框架1
- AngularJs+bootstrap搭载前台框架2
- AngularJs+bootstrap搭载前台框架——准备工作
- AngularJs+bootstrap搭载前台框架——基础页面
- AngularJs+bootstrap搭载前台框架——js控制部分
- AngularJs+bootstrap搭载前台框架——基础页面
- AngularJs+bootstrap搭载前台框架——准备工作
- AngularJs+bootstrap搭载前台框架——准备工作
- AngularJs+bootstrap搭载前台框架——准备工作
- AngularJs+bootstrap(前台购物车)
- Angularjs搭建前台框架
- 前台框架bootstrap基础
- AngularJS bootstrap
- AngularJS Bootstrap
- AngularJS Bootstrap
- AngularJS Bootstrap
- AngularJS Bootstrap
- 关于arcgis 9.3 Java服务器发布服务问题
- <LeetCode OJ> 357. Count Numbers with Unique Digits
- 单链表的增、删、查、改、逆置、排序
- restoration of CBCentralManager is only allowed for applications that have specified the "bluetooth-
- 图片压缩工具Thumbnailator的使用
- AngularJs+bootstrap搭载前台框架3
- 博客搬家
- Execution failed for task ':compileDebugAidl'. java.lang.IllegalStateException: aidl is missing
- IOS Block传值
- import caffe经典报错处理on Ubuntu & Mac OS 10.11
- 值得学习的C语言开源项目
- iOS 获得键盘的高度 NSNotificationCenter
- Check the existence of public synonyms Remove the public synonyms
- AIDL mm编译问题