angular整体的⽬录结构
app⽬录
制器⾥的。控制器通过数据绑定与模板来通讯，模板展现控制器的数据，控制器处理模板上发⽣的事件。
装饰器，模板和控制器是组件的必备要素。还有⼀些可选的元素，⽐如：
输⼊属性（@inputs）：是⽤来接收外部传⼊的数据的,Angular的程序结构就是⼀个组件树，输⼊属性允许在组件树种传递数据提供器（providers）：这个是⽤来做依赖注⼊的
⽣命周期钩⼦（LifeCycle Hooks）：⼀个组件从创建到销毁的过程中会有多个钩⼦会被触发，类似于Android中的Activity的⽣命周期样式表：组件可以关联⼀些样式表
动画（Animations）： Angular提供了⼀个动画包来帮助我们⽅便的创建⼀些跟组件相关的动画效果，⽐如淡⼊淡出等
输出属性（@Outputs）：⽤来定义⼀些其他组件可能需要的事件或者⽤来在组件之间共享数据
简单来说，组件的中关系就如下图所⽰
组件关系
下⾯我们来看看模块⽂件
与AppComponent类似，⼀个模块也是⼀个带着装饰器的typeScript类。
块声明中
⾸先使⽤declarations属性声明了模块中有什么东西，在这个元数据⾥⾯只能声明组件、指令和管道。
其次imports应⽤正常运转还需要依赖的其他模块。
下⼀个属性是providers，默认情况下它是空的，⽤来声明模块中提供了什么服务，这⾥只能声明服务。
最后是bootstrap，声明主组件是什么。
如下图：
jquery在项目里是干啥的
image.png 好了，新项⽬的⽬录结构就是这样!
资料参考

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。