angularjs基础了解

Posted gunelark

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angularjs基础了解相关的知识,希望对你有一定的参考价值。

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

  • 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基础了解的主要内容,如果未能解决你的问题,请参考以下文章

AngularJS 基础教程一:

angularJS使用ocLazyLoad实现js延迟加载

angularjs2 学习笔记 组件

了解AngularJS中控制器的基础知识

angularjs2 学习笔记 组件

从 AngularJS url 中删除片段标识符(# 符号)