一、angularjs基础了解

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

weixin_30632899

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

阅读量79

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/gunelark/p/7290587.html

版权

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

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);

转载于:https://www.cnblogs.com/gunelark/p/7290587.html

weixin_30632899

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一、angularjs基础了解

说明：此处比较杂，目前没有统一的总结哦angularjs 是mvvm框架加载JS文件总是使用后缀为.min.js的文件，因为这些文件是经过压缩的，能提升应用的启动速度模块说明：1、config只能注入 provide 和constant2、factory、service 一般用于定义公共函数，使用factory需要返回一个对象，service与controller相...
复制链接

扫一扫