angularjs与requirejs整合

• 组件Components

官方表明在angular1中使用组件很容易的切换到angular2，但目前我收到消息，angular出了一个编译器说，angular1可以直接编译到angular2

• 组件路由component-router

1.4 angularjs plugins

---

顺便介绍一些angular常用的一些插件

• ngFileupload基于angular的文件上传 demo 例子

• ui-router 路由

• angular ui 其他ui插件可以使用这些

• angular material 响应式框架

• 其他扩展modules 包括导出csv，拖拉，滚动条

整合代码

====

目录路径

---

-lib/jquery/jquery-1.8.0.min.js

-lib/angular/angular.min.js

-lib/angular/angular-route.min.js

-lib/requireJS/require.js

-scripts/inject.js

-scripts/test.js

-scripts/app.js

-main.js

-index.html

-pages/app.html

-pages/home.html

-pages/index.html

(requirejs入口)main.js

---

/**

• require 主入口，相关配置依赖从这里配置

*/

require.config({

baseUrl: “/”,

//每次新加载js，为了避免缓存

urlArgs: “bust=” + (new Date()).getTime(),

paths: {

‘jquery’: ‘lib/jquery/jquery-1.8.0.min’,

‘angular’: ‘lib/angular/angular.min’,

‘angular-route’: ‘lib/angular/angular-route.min’,

‘app’: ‘scripts/app’,

//入口注入脚本

‘inject’ : ‘scripts/inject’

},

shim: {

‘angular’: [‘jquery’],

‘angular-route’: [‘angular’]

}

});

require([“inject”], function() {});

页面（index.html）

---

注入脚本（inject.js）

---

!(function () {

‘use strict’;

//当然了这个scripts的数据完全可以从服务器上动态获取回来加载

var scripts = [‘scripts/test’];

//依赖脚本加载

require(scripts, function () {

//渲染

angular.bootstrap(document, [‘app’]);

});

}());

主模块脚本（scripts/app.js）

---

这里是对主模块的基本定义，最后必须返回模块的对象，用于进行依赖然后进行下一步的处理

define(“app”,[“angular”,‘angular-route’], function(a, r) {

var app = angular.module(‘app’, [‘ngRoute’])

.controller(“IndexCtrl”,["$scope",function($scope) {

先自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《Java开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以扫码领取！

最后

还有Java核心知识点+全套架构师学习资料和视频+一线大厂面试宝典+面试简历模板可以领取+阿里美团网易腾讯小米爱奇艺快手哔哩哔哩面试题+Spring源码合集+Java架构实战电子书+2021年最新大厂面试题。

img.cn/images/e5c14a7895254671a72faed303032d36.jpg" alt=“img” style=“zoom: 33%;” />

最后

还有Java核心知识点+全套架构师学习资料和视频+一线大厂面试宝典+面试简历模板可以领取+阿里美团网易腾讯小米爱奇艺快手哔哩哔哩面试题+Spring源码合集+Java架构实战电子书+2021年最新大厂面试题。
[外链图片转存中…(img-Si0xWGKe-1711200466481)]
需要更多Java资料的小伙伴可以帮忙点赞+关注，点击传送门，即可免费领取！