[angularjs]初学小记1

遇到的坑:
post提交表单到php,需要手动设定一下头,不然提交的数据后端不识别。还有如果你调用$http方法提交数据时用的是json对象,angular并不会自动将其转为a=1&b=2的格式,这也需要你手动配置一下。

代码如下:

app.config([‘$routeProvider‘,‘$httpProvider‘,function($routeProvider,$httpProvider){
     //路由配置
    $routeProvider.
        when(‘/‘,{
            templateUrl : ‘views/home.html‘,
            controller : ‘HomeCtrl‘
        }).
        otherwise({
            templateUrl : ‘views/404.html‘
        });
    //http配置
    $httpProvider.defaults.headers.post = {
        ‘Content-Type‘: ‘application/x-www-form-urlencoded‘
    };
    $httpProvider.defaults.transformRequest = function (obj,headers) {
        if (!obj) {
            return ‘‘;
        }
        var str = [];

        for (var p in obj) {
            str.push(p + ‘=‘ + obj[p]);
        }
        return str.join(‘&‘);
    };
}]);

一个比较困惑的问题:
我们该如何组织代码目录结构,控制器是分散到不同的脚本按需加载,还是全塞进一个js文件里?
目前做小项目的方案是开发时写在不同的脚本中,然后通过grunt.js构建应用,将这些脚本合并到一个js文件中,这样实际上访问的时候还是一次性加载所有代码。
我想当项目复杂到一定程度的时候,这肯定不行。

时间: 2024-10-13 03:03:42

[angularjs]初学小记1的相关文章

angularJS初学篇-1添加随笔

1.头部引入angularJS文件 <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> 2.angularjs指令 ng-app --指定了一个Angularjs的应用程序 ng-app 指令定义了 AngularJS 应用程序的 根元素. ng-app 指令在网页加载完毕时会自动引导(自动初始化)应用程序. 稍后您将学习到 ng-ap

Angular2 初学小记

1.与Angular1的异同 几乎完全不同(什么鬼~ 1)保留一些特性 表达式仍旧用{{}}. 2)属性指令变为驼峰式 ng-if ---> ngIf 3)ng-repeat被ngFor代替 4)ng-model ------> [(ngModule)] 注意符号 5)Angular2中,自带原始指令要加哈希前缀 # 6)Angular2新增了对移动端的设计 7)Angular2摒弃了1中的核心:$scope 8)Angular2使用zone.js来检测变化. 9)新增组件类component

angularjs初学之todoList练习

刚开始学ng,通过todo练习初步感受到ng框架的强大功能,记录下过程中出现的几个问题: 1.使用localStorage存储数据,序列化的时候使用angular.toJson,因为ng-repeat会在数组对象内部添加$$hashkey属性,使用JSON.stringify序列化不会过滤 2.练习用的是1.4版本的ng,网上很多示例是早期的版本,语法上有不少变化,琢磨了半天 源码下载地址:http://download.csdn.net/detail/sweetsuzyhyf/8752097

python初学小记

使用PyCharm向世界打招呼! print (“Hello world!”) 介绍自己的基本信息的方法 name = input("name:")age = int(input("age:")) #integer 强转义成数字print(type(age) , type( str(age)))job = input("job:")salary = input("salary:") #一.info=''' ------- in

校园网仿站——初学HTML&amp;CSS小记

  记录的时候已经完成了2/3,还剩一个循环动画.一个登录位置以及最下方的一些链接就完成了.在一开始做的时候,因为丝毫没有头绪,便开了Chrome开发者模式看了一会源代码(HTML),直到完成了1/3,才发现还有CSS的源代码,索性直接重做.重做的效率明显高了很多,在第一次仿的时候已经学到了很多HTML&CSS的知识,但是还是有很多不知道,只能一边做一边百度. 个人觉得,在学习的时候,并没有一个完整的系统,做一点学一点导致知识点零散,只有一小部门有关联,可以串起来. 这次的作业有几个问题: 一.

初学AngularJS

这两天开始学习AngularJS,一开始也是受到jQuery的影响,总是会想方设法的用到DOM操作,但随着进一步的熟悉,发现AngularJS有许多jQuery没有的优势,于个人观点看来,它的实现更为直接,比如你想要达到输入框的内容出现视图中,只要在对应位置上用其特定表达式写出即可,这也是我第一次接触到AngularJS的实例. 例1 <html ng-app="demoApp"> …… <input type="text" ng-model=&q

AngularJs的关于路由问题

初学AngularJs一些天,发现AngularJs到最后的时候会很难.刚刚开始的时候特别不容易适应,到中间的部分,还是比较简单,到最后的时候就发现特别难.我看到了网站上说到了AngularJs中,学习路线是比较奇怪的,有些诡异.我想想不知道是不是对的.今天我在学习AngularJs路由知识点的时候,遇到了一些问题,就是路由不到.以下是刚刚开始写的代码. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4

AngularJS 表达式与ng-bind

初学 多看语法的具体表现  有助于理解 与实际应用 AngularJS 表达式 AngularJS 表达式写在双大括号内:{{ expression }}. AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙. AngularJS 将在表达式书写的位置"输出"数据. AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字.运算符和变量. 实例 {{ 5 + 5 }} 或 {{ firstName + " &qu

AngularJS作用域

AngularJS作用域 一.概要 在AngularJS中,子作用域(child scope)基本上都要继承自父作用域(parent scope). 但,事无绝对,也有特例,那就是指令中scope设置项为对象时,即scope:{…},这将会让指令创建一个并不继承自父作用域的子作用域,我们称之为隔离作用域(isolated scope). 指令中的scope一共可以有三个值,下面我们再来温习下: 指令之scope scope: false 默认值,指令不会新建一个作用域,使用父级作用域. scop