一、angularjs基础了解

最新推荐文章于 2023-07-23 23:30:14 发布

我爱丁丁猫

最新推荐文章于 2023-07-23 23:30:14 发布

阅读量231

点赞数

分类专栏：前端文章标签： angularjs学记笔记 anrularjs1.x

原文链接：https://www.mk2048.com/blog/blog.php?id=h12h11h1khcb&title=%E4%B8%80%E3%80%81angularjs%E5%9F%BA%E7%A1%80%E4%BA%86%E8%A7%A3

版权

前端专栏收录该内容

1898 篇文章 4 订阅

订阅专栏

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

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>