频道导航

AngularJS基础知识

2018-12-31 JavaScript 前端之家

前端之家收集整理的这篇文章主要介绍了AngularJS基础知识，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

angularJS定义和特点

1.google前端开源框架

2.MVVM(model view view-model)设计模式 : Model将和viewmodel互动（通过$scope对象），将监听Model的变化。这些可以通过View来发送和渲染，由HTML来展示你的代码

3.方便的REST

4.数据绑定和依赖注入

5.可以操作XML一样操作HTML,AngularJS通过自己的编译器和directives来完成相关的设置

6.模板被作为DOM元素传递到Angular的编译器

7.AngularJS 通过指令扩展了 HTML，且通过表达式绑定数据到 HTML。

构建angularJS应用

添加Angular的

添加ng-app directive到标签

代码如下:

新建目录script和app.js文件，在app.js中定义和配置所有模块和依赖

代码如下:

在模块app中定义控制器、服务、指令

代码如下:

在模块app中定义路由

代码如下:

dion',{templateUrl: 'accordion.html',reloadOnSearch: false}); $routeProvider.when('/overlay',{templateUrl: 'overlay.html',reloadOnSearch: false}); $routeProvider.when('/forms',{templateUrl: 'forms.html',reloadOnSearch: false}); $routeProvider.when('/dropdown',{templateUrl: 'dropdown.html',reloadOnSearch: false}); $routeProvider.when('/drag',{templateUrl: 'drag.html',reloadOnSearch: false}); $routeProvider.when('/carousel',{templateUrl: 'carousel.html',reloadOnSearch: false}); $routeProvider.when('/news/official_view',{templateUrl: '/news/official_view',reloadOnSearch: false}); });

待续。。下一步深入学习4.5两步，还有过滤器