首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Angular 2 表单(上)

本章节我们将为大家介绍如何使用组件和模板构建一个 Angular 表单。...利用 Angular 模板,我们可以创建各种类型表单,例如:登录表单,联系人表单,商品详情表单等,而且我们也为这些表单的字段添加数据校验。 接下来我们一步步来实现表单的功能。...解压后,修改目录名为angular-forms,修改 angular-forms/package.json 文件中的 "name": "angular-quickstart" 为 "name": "angular-forms...创建一个表单组件 每个 Angular 表单分为两部分:一个基于 HTML 的模板,和一个基于代码的组件,它用来处理数据和用户交互。...因为模板驱动的表单有它们自己的模块,所以我们得把 FormsModule 添加到本应用的 imports 数组中,这样我们才能使用表单

1.5K10

MFC中属性表单向导对话框的使用

每次在使用MFC创建一个框架时,需要一步步选择自己的程序的外观,基本功能等选项,最后MFC会生成一个基本的程序框架,这个就是向导对话框;而属性表单则是另外一种对话框,表单上有多个属性页,每点击某一页,会显示该页的内容...创建了多个属性页就需要派生多个新类; 创建了属性页,下面就需要创建属性表单,属性表单不需要编辑资源,可以从类CproppertyPage中派生一个新类,用来表示新表单类; 为了将属性页加到属性表单上需要在对应的构造函数中调用...AddPage函数,最后需要调用该类的DoModal或者Create函数创建一个模态或者非模态的属性表单; 在一下代码中有三个对应的属性页的类(CProp1、CProp2、CProp3)和一个属性表单的类...: 向导所使用的类与属性表单相同,这里就不在说明,为了创建向导,需要在调用DoModal或者Create之前调用SetWizardMode()函数,这样之前的属性表单就变为了向导程序,向导程序上通过下一步来转到下一个属性页...但是当属性表单被创建为向导时会返回ID_WIZFINISH和IDCANCLE这个时候我们可以根据返回值来判断是否保存;

1.6K10

表单9 种设计技巧【上】

全文 1308 字 阅读时间约 5 分钟本文首发于码匠技术博客表单是信息添加、录入的通用形式,合理的表单设计能减轻用户负担。这里码匠提供了一些表单设计的简单技巧。...以下为该研究中捕捉到的用户在填写三种对齐方式的表单时的眼动轨迹(圆圈越大,注视时间越长):图片图片图片可以看到,在顶部左对齐的设计中,用户能够在单次视线移动中同时获取标签和输入字段,可以更快理解表单。...如果希望用户能快速扫描填写表单,那么标签顶部对齐是最佳选择。注意对齐的一致性,所有标签在整个表单中都应该遵循相同的对齐方式。...图片 因为左侧左对齐使得浏览表单所需时间最长,如果表单要求敏感数据如银行卡号等,也可以使用左侧左对齐来故意减缓用户的填写速度,来确保填写的准确性。...技巧 4:表单输入框放在一列码匠建议您尽量将所有表单输入框放在一个列中,使填写路径更加清晰。保持有秩序的单列表单形式更利于用户浏览,而多列的表单形式则会破坏用户填写规律,进而影响完成表单的速度。

63550

(转) 别再对 Angular 表单的 ControlValueAccessor 感到迷惑

来实现一种针对 Angular 表单新的数据通信机制。...FormControl 和 ControlValueAccessor 如果你之前使用过 Angular 表单,你可能会熟悉 FormControl ,Angular 官方文档将它描述为追踪单个表单控件值和有效性的实体对象...image.png 再次强调,不管是使用响应式表单显式创建还是使用模板驱动表单隐式创建,ControlValueAccessor 都总是和 Angular 表单控件进行交互。...Angular 也为所有原生 DOM 表单元素创建了 Angular 表单控件(译者注:Angular 内置的 ControlValueAccessor): Accessor Form Element...to the native control // 设置 Angular 表单控件值更新监听器,每当 Angular 表单控件值更新,原生控件值也更新 control.registerOnChange

3.7K20

表单9 种设计技巧【下】

全文 1642 字 阅读时间约 5 分钟 本文首发于码匠技术博客 书接上文(表单9 种设计技巧【上】),码匠继续为您分享表单交互设计中的小技巧~ 技巧 5:对相关信息分组,并折叠不常用表单项 对有关联的信息进行分组是提高文案可读性的常用策略...这里使用码匠的分割线组件,将表单内容进行了信息分组: 图片 此外,如果某些表单项很少使用,可以在表单中动态折叠/展开该部分,以优先展示常用表单项,使界面整洁有效。...例如下图,引用表格组件的 table.selectedRow.data 属性,将表格当前行的数据作为默认值来自动填充表单,并允许用户修改和提交表单: 图片 技巧 7:输入校验和反馈 在提交表单到数据库之前进行数据校验...技巧 9:布局 最后一个技巧是设计用户友好的组件布局,这并没有千篇一律的公式,但码匠为您总结了以下几点建议: 使用对话框 前面提到,许多情况下需要搭配使用表格组件和表单组件。...当涉及到更新表格中的一条记录时,最佳做法是将表单放入对话框中,当用户点击链接或按钮时,再自动弹出填充了默认值的表单,而不是将表单一直静态展示在表格旁边,防止用户在浏览表单时不小心编辑数据。

2.3K00

Angular 从入坑到挖坑 - 表单控件概览

一、Overview angular 入坑记录的笔记第三篇,介绍 angular表单控件的相关概念,了解如何在 angular 中创建一个表单,以及如何针对表单控件进行数据校验。...对应官方文档地址: Angular 表单简介 响应式表单 模板驱动表单 表单验证 配套代码地址:angular-practice/src/forms-overview 二、Contents Angular...从入坑到弃坑 - Angular 使用入门 Angular 从入坑到挖坑 - 组件食用指南 Angular 从入坑到挖坑 - 表单控件概览 三、Knowledge Graph ?...name 属性则是 angular 用来注册控件的 key,所以在表单中使用 ngModel 进行双向数据绑定时,必须要添加 name 属性 4.2.2、跟踪表单控件的状态 在表单中使用 ngModel...} from '@angular/core'; // 引入 FormBuilder 构建表单控件 import { FormBuilder } from '@angular/forms'; //

18.9K20

Angular6自定义表单控件方式集成Editormd

ControlValueAccessor 这是自定义表单组件的核心,只有继承这个接口,才有被 Angular的formControl识别的资格。...:用来获取原生表单控件的值更新时通知Angular表单控件更新的函数(即,设置当控件接收到 change 事件后,调用的函数) registerOnTouched:用来获取通知用户正在交互的函数(即,设置当控件接收到...- 用于 select 选择控件 - CheckboxControlValueAccessor - 用于 checkbox 复选控件 至于原生表单控件和Angular表单控件能够保持一致的原理,可以看下...// https://github.com/angular/angular/blob/master/packages/forms/src/directives/shared.ts ...... 参考资料 Angular 4.x 自定义表单控件 【荐】深入Angular自定义表单控件 Angular集成Editor.md的Markdown编辑器,支持NgModel

5.2K20

Adobe Acrobat Pro DC pdf编辑器全版本下载

它是唯一能够打开各类 PDF 文档并与之互动的 PDF 阅读器,包括表单和多媒体内容Adobe Acrobat Reader DC是单纯pdf阅读工具,Adobe Reader XI的下一个版本,通常容易将...主要功能编辑使用Acrobat X Pro内置的PDF转换器,你可以将纸质文档、电子表单 Excel、电子邮件、网站、照片、Flash等各种内容扫描或转换为PDF文档。...操作向导将日常、多步骤任务自动并入一个引导操作中。创建、管理、执行和共享可应用于一个 PDF 或几批文件的一系列常用步骤。永久删除信息使用编辑工具永久删除敏感信息,包括特定文本和插图。...单击即可轻松清理文档,查找和删除隐藏信息,如元数据、批注、附件、表单字段、图层和书签。标准支持创建符合 PDF/A、PDF/E 和 PDF/X ISO 标准的文档,并修复那些不符合这些标准的文档。

1.4K20

Acrobat DC2018安装教程 pdf编辑器全版本下载

新版大幅度改正“PDF编辑”内容,如Acrobat DC 2017重新排列页面,在改进的“页面缩略图”面板中它重新排列、插入、旋转和页面删除,同时现在用户可通过插入新文本来调整段落大小,而不似之前需要多步操作才可完成段落大小调整...4.重新排列页面在改进的“页面缩略图”面板中重新排列、插入、旋转或删除页面5.改进的动作向导二、创建和分发表单1.FormsCentral 桌面应用程序2.联机分发和收集表单数据3.创建 EchoSign...可识别的表单三、创建并合并PDF1.用于合并文件的缩略图预览在将多个页面合并为一个 PDF 之前,使用新的缩略图视图来预览并重新排列这些页面2.Microsoft Office 2010仅需单击一次,...七、使PDF具有辅助工具(仅限 Acrobat Pro)1.用于创建具有辅助功能的PDF的向导动作,使用“创建辅助功能”向导动作为残障人士创建具有辅助功能的PDF2.验证PDF的辅助工具,“完整检查”选项将逐步检查

2.4K20

Adobe Acrobat Pro DC PDF编辑器全版本下载

它是唯一能够打开各类 PDF 文档并与之互动的 PDF 阅读器,包括表单和多媒体内容Adobe Acrobat Reader DC是单纯pdf阅读工具,Adobe Reader XI的下一个版本,通常容易将...主要功能编辑使用Acrobat X Pro内置的PDF转换器,你可以将纸质文档、电子表单 Excel、电子邮件、网站、照片、Flash等各种内容扫描或转换为PDF文档。...操作向导将日常、多步骤任务自动并入一个引导操作中。创建、管理、执行和共享可应用于一个 PDF 或几批文件的一系列常用步骤。永久删除信息使用编辑工具永久删除敏感信息,包括特定文本和插图。...单击即可轻松清理文档,查找和删除隐藏信息,如元数据、批注、附件、表单字段、图层和书签。标准支持创建符合 PDF/A、PDF/E 和 PDF/X ISO 标准的文档,并修复那些不符合这些标准的文档。

1.7K30
领券