// 1. 先导入 import { GenderPipe } from "./diner.gender"; // 2.导出 export const DINER_COMPONENTS: Provider[] = [GenderPipe]; // 3.添加到NgModule中的 @NgModule({ // 这里列出的 NgModule 所导出的可声明对象可用在当前模块内的模板中 imports: [...], // declarations:[ 组件 ] 属于该模块的一组组件、指令和管道（统称可声明对象）。 // 注意点：在这个源数据中只能声明组件、管道、指令 declarations: [DINER_COMPONENTS], // 定义此 NgModule 中要编译的组件集，这样它们才可以动态加载到视图中。 entryComponents: [...] })
•在页面中引入使用
~ <!-- item.DGender的值为m和w，将对应的m转为男，w转为女 --> <td>{{item.DGender | getGender}}</td> ~
总结
以上所述是小编给大家介绍的Angular7中创建组件/自定义指令/管道的方法实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: