weixin_42959207的博客

Angular7父子组件以及父子组件之间的通信父组件给子组件传值-@input先在父组件ts中定义一个属性public title: string = '我是首页组件的标题';在父组件html页面元素中绑定属性<app-header [title]="title"></app-header>在子组件中引入Inputimport { Compon...

https://blog.csdn.net/qq_39268193/article/details/87857267

Angular7 DOM操作1.原生JS操作DOMngOnInit(){} 只是组件和指令初始化完成，并不是Dom加载完成，但是可以在这里获取Dom节点，建议在angular中所有变量都指定类型ngAfterViewInit(){} 这个方法是所有视图加载完成之后的方法，应该在这里面获取Dom节点2.ViewChild操作DOM给要获取节点的元素起一个名字<div #my...

Angular7 服务及数据持久化服务先创建一个服务ng service services/storage创建完服务需要在app.component.ts中引用和声明import { StorageService } from './services/storage.service';providers: [StorageService],在服务中定义一个公有的方法 g...

todoList 待办事项 Demo项目效果：项目源码：https://github.com/wangduxiu/Angular7-Demo.git前台页面：业务逻辑：tolistHasKeyWord(toList:any,keyWords:any) {}： 自己封装的一个方法用来判断数组toList中有没有用户输入的值keyWords循环遍历自定义的一个数组toList中的每...

Angular 7 表单提交 双向数据绑定先在ts中定义数据 public peopleInfo:any={ username:'', sex:'2', cityList:['北京','上海','深圳'], city:'北京', hobby:[{ title:'吃饭', checked:false },{ t...

Angular 7 自学总结个人理解Angular创建一个项目项目目录结构分析创建组件定义数据数据绑定 （1）数据绑定 （2）个人理解Angular它是一个模块化、组件化的开发理念，引入并声明后就可以在其他地方应用，在通过路由控制显示出来创建一个项目首先安装环境node.js，安装npm。安装cli。在cli中输入命令： cd到想要存储项目的文件夹，ng new 项目名。启动服务：...