摘要： 阅读全文

摘要： #当拿到一个NG工程时，怎么办？ 因为工程中没有node_modules文件，这个时候执行ng serve -o，会报错找不到文件 方法：在终端窗口，进入当前工程所在的路径，执行npm install 注： 整个ng工程，是由package.json文件管理的，包括modules版本。 #实例应用场 阅读全文

摘要： #组件之间的事件绑定 应用场景：parent component内嵌了一个child component，child的template 有一个button，点击这个button，把child的数据传递给parent component 数据流向：从child -> parent 用到的知识点：out 阅读全文

摘要： #组件之间的属性绑定（data binding) 应用场景：把parent组件的“值”，传给他的child组件，并在child组件中显示出这个“值” 这两个组件在同一个页面，没有经过服务器的请求 注意：以用户体验为中心，这里讲的是：单页面，一个页面由多个组件构成，所以组件之间需要交互 实现思路： 前 阅读全文

摘要： #组件内的事件绑定 应用场景：点击DOM的button（触发一个事件 event），用来显示/隐藏的一个DOM元素 实现思路： 获取button的点击事件（click event） 编写事件处理方法 绑定事件 小结： 组件内的事件绑定是指： （1）DOM元素的事件 ，通常是button的click事 阅读全文

摘要： #组件内的属性（元素的属性）绑定（property binding) 应用场景：通过改变DOM元素的属性，动态显示/隐藏一个元素 知识点：HTML 属性与DOM属性的区别 改变HTMl属性，浏览器需要刷新 改变DOM属性，浏览器会自动刷新 HTML是由DOM决定的 实现思路： 通过控制DOM元素的[ 阅读全文

摘要： #创建了一个component 查看angular.json文件： "prefix"："app", 在所创建的component的selector上添加了app selector: 'app-home' #如何自定义一个root component？ 修改两个地方： 1.修改app.module.t 阅读全文

摘要： 阅读全文

摘要： 一.创建angular工程（一定要在管理员权限下运行，Windows可忽略） 1.安装angular CLi 在终端窗口打开想要创建的工程所在文件夹，如：Cd Desktop\Angular-project，进入后，在里面输入：npm install -g @angular/cli（windows） 阅读全文

摘要： 1.通过npm安装 typescript 进入终端窗口安装typescript： npm install -g typescript 查看typescript版本号： tsc -v 2.编译代码：tsc XX.ts 3.执行代码：node XX.js 阅读全文