JavaScript
发布时间:2022-04-16 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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的
http )
{} ) //控制器
app.
service( 'MainSevicel',function()
{} ) //服务
app.directive( 'dragToDismiss',function()
{} ) //指令
{
$routeProvider.when('/',
{templateUrl: 'index/home',reloadOnSearch:
fals
E});
$routeProvider.when('/scroll',
{templateUrl: 'scrol
l.html',reloadOnSearch:
fals
E});
$routeProvider.when('/toggle',
{templateUrl: 'toggle.html',reloadOnSearch:
fals
E});
$routeProvider.when('/tabs',
{templateUrl: 'tab
s.html',reloadOnSearch:
fals
E});
$routeProvider.when('/accordion',
{templateUrl: 'accordion.html',reloadOnSearch:
fals
E});
$routeProvider.when('/overlay',
{templateUrl: 'overlay.html',reloadOnSearch:
fals
E});
$routeProvider.when('/forms',
{templateUrl: 'form
s.html',reloadOnSearch:
fals
E});
$routeProvider.when('/dropdown',
{templateUrl: 'dropdown.html',reloadOnSearch:
fals
E});
$routeProvider.when('/drag',
{templateUrl: 'drag.html',reloadOnSearch:
fals
E});
$routeProvider.when('/carousel',
{templateUrl: 'carouse
l.html',reloadOnSearch:
fals
E});
$routeProvider.when('/news/official_view',
{templateUrl: '/news/official_view',reloadOnSearch:
fals
E});
}
);