![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular
文章平均质量分 55
Angular
IT飞牛
这个作者很懒,什么都没留下…
展开
-
Angular之ngModel使用
在 Angular 4.x 中对于使用 Template-Driven 表单场景,如果需要实现表单数据绑定。我们就需要引入 ngModel 指令。该指令用于基于 domain 模型,创建 FormControl 实例,并将创建的实例绑定到表单控件元素上。//ngModel//app.component.ts@Component({ selector: 'exe-app', template: ` <form novalidate #f="ngForm"> Name原创 2021-05-22 12:05:12 · 5835 阅读 · 0 评论 -
Angular之ngModel报错:angular-can‘t-bind-to-‘ngModel‘---
做双向绑定时,如果遇见Angular: Can’t bind to ‘ngModel’ since it isn’t a known property of 'input’问题。这是由于没有在当前组件所属的Module中引用FormModule,注意是在当前所属的Module,并不一定是AppModule。例如:有一个AppModule和一个MainModule,AppModule的route文件中loadchildren懒加载MainModule,如果要在MainModule的route文件直接绑定原创 2021-05-22 12:04:23 · 819 阅读 · 1 评论 -
Angular之ng-bootstrap使用
如果需要使用ng-bootstrap,必须依赖以下两个东西:1、Angular需要时5.0以上版本2、需要引入Bootstrap CSS注:不要在配置文件angular-cli.json中,引入bootstrap.js或bootstrap.min.js文件,这个可能会影响ng-bootstrap的运行。ng-bootstrap官方说“Our code is automatically tested on all the supported browsers.”,意思做了全浏览器测试,目前还没有发现什原创 2021-05-22 12:03:55 · 1797 阅读 · 0 评论 -
Angular表单创建和校验
Angular中提供了模板驱动表单和响应式表单。相对来做,模板驱动表单使用更加简单,只需要在表单外围添加#myForm=“ngForm”指令,给每个表单项添加ngModel指令和name属性,然后就可以通过myform.value获取到表单中所有的值;一、模板驱动表单1、基础用法创建模板驱动表单需要3个步骤1、添加#myForm=“ngForm”2、在每个input表单项上添加ngModel指令和name属性3、在app.module.ts中引入FormsModuleimport {原创 2021-05-22 12:03:17 · 880 阅读 · 3 评论 -
angular4-X知识点汇总
1、生成新项目:ng new my-app生成过程会有点长,主要是需要下载很多的包2、启动开发服务器:npm run startng serve --openng serve -o3、NgModule是一个装饰器函数,它接收一个用来描述模块属性的元数据对象。其中最重要的属性是:declarations - 声明本模块中拥有的视图类。Angular 有三种视图类:组件、指令和管道。exports - declarations 的子集,可用于其它模块的组件模板。imports - 本模块声明原创 2021-05-22 12:02:08 · 162 阅读 · 0 评论 -
admin-lte+ng-bootstrap组合开发之modal弹层不显示
在用admin-lte做前端页面框架做开发,需要用到弹出层效果时,看到ng-bootstrap中有Modal实现弹层效果。##步骤如下:1、安装和配置ng-bootstrap,具体见:https://www.jianshu.com/p/69008093ecca2、html模板代码:<ng-template #content let-c="close" let-d="dismiss"> <div class="modal-header">原创 2021-05-22 11:59:55 · 297 阅读 · 0 评论