在java的世界中我们有spring的DI神器,而在angular的世界中我们同样有DI,由于这里文章篇幅偏大,只捡主要的讲解,其他的信息可参考最后给出的链接
装饰器 java里面叫注解,angular官方称其为装饰器.其最后会生成json文件的元数据文件.
装饰器类型
这节将讲述表单的使用,我们使用表单时不在使用原始表单,而是使用Bootstrap集成到Angular中来使用
npm install bootstrap --save
.angular-cli.json文件中的styles节点内容:"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.min.css",
"styles.css"
],
用户输入触发 DOM 事件。我们通过事件绑定来监听它们，把更新过的数据导入回我们的组件和 model。
要绑定 DOM 事件，只要把 DOM 事件的名字包裹在圆括号中，然后用放在引号中的模板语句对它赋值就可以了 打开我们之前的my-app应用并在命令行,创建一个component
ng g c input/clickMe
前几节是Angular2和TypeScript分开学的,以后准备边学Angular2遍学TypeScript,只有边学边用,才会更深刻的理解TypeScript,好,下面直奔主题
前面我们已经介绍了如何安装nodejs和angular-cli,下面我们默认都已经安装了angular-cli,首先来创建一个名为my-app的应用
ng new my-app
等待几分钟后会创建好应用,现在我们将对应用进行自定义的修改以下文件
TypeScript包含:布尔值,数字,字符串,数组,元组,枚举,任意值,空值,Never几种类型,其中我们会采用类型断言进行类型转换
boolean 同样以true/false为赋值
let isDone: boolean = false;