说明：此处比较杂，目前没有统一的总结哦

  • angularjs 是mvvm框架
  • 加载JS文件总是使用后缀为.min.js的文件，因为这些文件是经过压缩的，能提升应用的启动速度

模块说明：

1、config只能注入 provide 和 constant 
2、factory、service 一般用于定义公共函数，使用factory需要返回一个对象，service与controller相似常用于保存临时数据
3、constant 只用于存放常量信息，这里避免使用全局变量，定义方法：angular.module('app').constant(myname,'myname')
4、factory、service、constant、value、provider可以被注入
5、run.js文件放启动时需要需要预先处理的逻辑

6、bootstrap 依赖于jquery，所以在使用bootstrap时必须引用jquery
7、一般页面的结构：
<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>Angularjs Form Example</title>

        <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

    </head>

    <body ng-app="app">

        <article ng-controller='formCheckCtrl as formCheck'>

            <section class="container-fluid">

            </section>

        </article>

        <script src="bower_components/angular/angular.min.js"></script>

        <script src="src/config/app.js"></script>

        <script src="src/config/config.js"></script>

        <script src="src/config/run.js"></script>

        <script src="src/filters/password.js"></script>

        <script src="src/factory/platform.js"></script>

        <script src="src/controllers/formCheckCtrl.js"></script>

    </body>

</html>

8、angular.extend的用法：对象中有的则覆盖或者更新对象中的值，如果对象中没有数据则补上。

9、一般的登录信息等用户关键信息，使用localStorage存储，需要插件ngStorage
10、使用监控：$scope.$watch(XXXX，XXXXX)，
若使用vm的形式需要这样写：
$scope.$watch(function(){return vm.password;},checkpassword);
如果使用$scope的形式：
$scope.$watch("$scope.password",checkpassword);

一、angularjs基础了解的更多相关文章

  1. AngularJS基础入门初探

    一.AngularJS简介 1.1 什么是AngularJS (1)一款非常优秀的前端JS框架,可以方便实现MVC/MVVM模式 (2)由Misko Hevery 等人创建,2009年被Google所 ...

  2. AngularJS基础知识1

    一.angularJS简介 1.什么是 AngularJS? AngularJS 是一个 JavaScript 框架.它是一个以 JavaScript 编写的库.AngularJS是协助搭建单页面工程 ...

  3. AngularJS基础概念

    作用域.控制器.指令 作用域 应用的作用域是和应用的数据模型相关联的,同时作用域也是表达式执行的上下文.$scope对象是定义应用业务逻辑.控制器方法和视图属性的地方. 作用域是应用状态的基础.基于动 ...

  4. AngularJs基础总结(1.4版本)

    注明:现在用的是最新的1系列1.4版本. 一.细节方面入手: 1,ng-app根节点,一般别写在html上面,最多也就写在body就行了,因为我们难免会忘记这个写在哪里,然后复制一些案例代码却总报错. ...

  5. Angularjs基础教程

    Angularjs-基础教程 一些angualr的基础概念,适合入门. 1.下载 推荐 bower 或 npm 安装. bower install angular bower install angu ...

  6. AngularJS基础总结

    w3shools    angularjs教程  wiki   <AngularJS权威教程> Introduction AngularJS is a JavaScript framewo ...

  7. Angularjs基础（学习整理）

    AngularJS 通过 ng-directives 扩展了 HTML. ng-app 指令定义一个 AngularJS 应用程序. ng-model 指令把元素值(比如输入域的值)绑定到应用程序. ...

  8. 3天学习完AngularJS基础内容小结

    简介:AngularJS 是一个 JavaScript 框架.它是一个以 JavaScript 编写的库. 一.AngularJS大致功能模块 二.页面交互变得简单 1.示例:计算价格 <htm ...

  9. 一步一步弄懂angularJS基础

    问题1:ng-app指令的使用以及自定义指令 <!doctype html> <!--这里的ng-app的属性值就是模块的名称,也就是 angular.module("My ...

  10. AngularJS基础知识2

    一.angularJS双向数据绑定 利用双向数据绑定,不仅能把数据模型的变化同步到视图上面,还可以利用双向数据绑定的特性来做一些样式上面的控制. 双向数据绑定用处很多,不仅仅是像知识点1中的那个例子, ...

随机推荐

  1. [LibreOJ #2983]【WC2019】数树【计数】【DP】【多项式】

    Description 此题含有三个子问题 问题1: 给出n个点的两棵树,记m为只保留同时在两棵树中的边时连通块的个数,求\(y^m\) 问题2: 给出n个点的一棵树,另外一棵树任意生成,求所有方案总 ...

  2. [转] Akka 使用系列之二: 测试

    [From] http://www.algorithmdog.com/akka-test 通过上一篇文章,我们已经大致了解怎么使用 Akka,期待细致用法.这篇文章将介绍如何用 Akka-testki ...

  3. Mac下像Windows那样带有预览图的快速切换-HyperSwitch

    这东西是免费的,他家还出了一个HyperDock的收费软件. 下载:https://bahoom.com/hyperswitch/get 离线版本:(链接: https://pan.baidu.com ...

  4. (转)Mysql数据库主从心得整理

    Mysql数据库主从心得整理 原文:http://blog.sae.sina.com.cn/archives/4666 管理mysql主从有2年多了,管理过200多组mysql主从,几乎涉及到各个版本 ...

  5. sublime text 3 快捷键&&使用技巧

    参考文章:https://github.com/jikeytang/sublime-text 这里有很多技巧http://www.jianshu.com/p/3cb5c6f2421c/ 置顶: Ctr ...

  6. value power two

    /** *topPower2 use to set unsigned int to power of two *@param value input value *@return return the ...

  7. Session 与 Cookie

    Session 与 Cookie 的作用都是为了保持访问用户与后端服务器的交互状态.它们本身只是HTTP中的一个配置项,在servlet规范中也只对应一个类而已. 理解 Cookie 通俗地说就是当一 ...

  8. Linux原始套接字实现分析---转

    http://blog.chinaunix.net/uid-27074062-id-3388166.html 本文从IPV4协议栈原始套接字的分类入手,详细介绍了链路层和网络层原始套接字的特点及其内核 ...

  9. 常用的几种OCR方法/组件小结(C#)

    数字.英文识别比较容易.中文识别主要存在两个问题:其一,有可能误识别.其二.需要随带几十兆的识别库(甚至更大).   适合C#编程引用的中文ocr技术,查到以下两种:   1.使用开源的Tessera ...

  10. H5微信自定义分享链接（设置标题+简介+图片）

    起源:最近公司在做招募广告的html5页面,然后做出来后,产品提出一个问题,需要分享出去的链接是卡片形式,内容也要自己定义,这下就难到我了,因为是第一次遇到这种需求,果断百度,然而,我就像大家一样,看 ...