angular2基础入门(一)

    进入angular2的世界里,真是颠覆了我对前端页面的认知。我们都知道JavaScript对html控制的核心就是Dom操作。而在angular2采用组件堆砌的方式来开发整个Web页面。所有的组件都放在模块里。而angular有一个根模块——Ngmodule。项目启动时,会利用一个JS文件把根模块加载到我们的项目里。

    下面是我对基本概念的一个理解。不合适的地方还请指正。



       

         特点一:在使用ng serve命令编译我们的angular2项目时,会把根模块加载到我们的浏览器中,伴随着还有一些组件,视图,路由等一块实例化到根模块中。然后使用这些东西的时候,只需要调用就可以了。看的出来,这完全颠覆了以前dom操作的页面。反而类似于后端的一些spring,MVC框架了。当然了angular2也支持懒加载的方式,毕竟项目大了,组件多了,一次加载的东西多了会很慢的。

      特点二:所有的服务,组件等都是用关键字 class来声明的。使用TypeScript语法。符合面向对象的基本思想。也就是说和C#,JAVA的语法特别的相似。

      特点三:保留了JavaScript的一些工具方法,比如 alert()

     特点四:使用 import 来导入要使用的组件,服务等。和C# using,import是一个道理。

     

      





  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 40
    评论
如果你是初学者,以下是一个简单的 Angular 入门教程,帮助你开始学习 Angular: 1. 安装 Angular CLI:首先,你需要安装 Node.js 和 npm(Node 包管理器)。然后,使用 npm 安装 Angular CLI。在命令行中运行以下命令: ``` npm install -g @angular/cli ``` 2. 创建新的 Angular 项目:使用 Angular CLI 创建一个新的 Angular 项目。在命令行中运行以下命令: ``` ng new my-app ``` 这将创建一个名为 "my-app" 的新项目,并自动安装所需的依赖项。 3. 运行应用程序:进入项目目录,然后使用以下命令启动开发服务器: ``` cd my-app ng serve ``` 这将启动一个开发服务器,并在默认端口上运行你的应用程序(通常是 http://localhost:4200)。 4. 编辑应用程序:打开你喜欢的代码编辑器,并导航到 "src/app" 目录。在这里,你将找到应用程序的根组件 "app.component.ts"。你可以编辑这个文件并开始构建你的应用程序。 5. 添加新组件:使用 Angular CLI 生成一个新的组件。在命令行中运行以下命令: ``` ng generate component my-component ``` 这将生成一个名为 "my-component" 的新组件,并自动更新应用程序中的文件和配置。 6. 在应用程序中使用组件:在根组件的模板中使用新生成的组件,或者在其他组件中使用它。 以上是一个简单的 Angular 入门教程。当你熟悉了这些基础知识后,你可以继续学习 Angular 的更多高级主题,如路由、表单处理、服务等。记得查阅官方文档和其他教程资源以获得更多深入的学习。祝你学习愉快!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 40
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值