素材巴巴 > 程序开发 >

JS学习第三篇;AngularJS的使用

程序开发 2023-09-16 19:50:14

一,为什使用angularjs?

AngularJS 通过 指令 扩展了 HTML,且通过表达式绑定数据到 HTML。能够构建单一页面的应用程序。
angularjs的加载顺序;

1,浏览器加载html,解析dom

2,加载angular.js文件

3,aungular等待domcontentload事件的触发

4,angularjs寻找ng-app,确定应用的边界

5,使用ng-app配置$injector,使用$injector创建$compile服务和$rootscoper

6,$compile服务编译dom并把它链接到$rootscope上

7,angularjs指令开始执行操作

8,html开始渲染页面

二,使用步骤

首先在页面中引用angular.js文件。

1,指令篇


ng-app 指令初始化一个 AngularJS 应用程序。

ng-init 指令初始化应用程序数据。

ng-model 指令把元素值(比如输入域的值)绑定到应用程序。

ng-bind 指令把应用程序数据绑定到 HTML 视图。


ng-repeat 指令会重复一个 HTML 元素

自定义指令,记住修改ng-app=“myApp”



三,问题及解决方法


四,源代码


https://gitlab.com/OwnLearning/AboutAngularJS


标签:

上一篇: js中使数组按照指定规则排序 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。