标签:VBA,列表框,用户界面 有时候,可能你想自动选择列表框中的第一项或者最后一项。例如,当选择列表框所在的工作表时,列表框自动选择第一项,或者选择最后一项。这都可以使用简单的VBA代码轻易实现。...Next i End Sub Private Sub Worksheet_Activate() CommandButton1_Click End Sub 第一个过程在单击命令按钮后选择列表框中的第一项...,第二个过程在单击命令按钮后选择列表框中的最后一项。...而Activate事件,当该工作表成为当前工作表时,自动执行相应的过程,从而选择列表框中的第一项。 这些过程是如何工作的呢?它们是在计算列表框中所有列表项数的前提下工作的。...在第一个过程中,使用一个简单的循环从列表框的底部开始,一直到顶部。
Angluar & Material Design Lite vs Bootstrap & jQuery Mobile 这是一个现代浏览器的前端战争。...最后,出现了Material Design Lite,也就是现在这个丑丑的页面,还不兼容新IE(微信浏览器)。 作为一个技术博客,它也用到了HighLight.js的语法加亮。...API 在构建SPA的时候,做了一些API,然后就有了一个Auto Sugget的功能: 或者说,它是一个Auto Complete,可以直接借助于jQuery AutoComplete插件。...或许你已经猜到了,既然我们已经有博客详情页和列表页的API,并且我们也已经有了Auto Suggestion API。那么,我们就可以有一个APP了。...jQuery.autocomplete + jquery.githubRepoWidget HighLight.js Angluar.js Backbone (已不维护) 移动端: Ionic Angular
一、Overview angular 入坑记录的笔记第三篇,介绍 angular 中表单控件的相关概念,了解如何在 angular 中创建一个表单,以及如何针对表单控件进行数据校验。...在使用 ngModel 进行模板绑定时,angular 在 form 标签上自动附加了一个 NgForm 指令,因为 NgForm 指令会控制表单中带有 ngModel 指令和 name 属性的元素,而...,从而生成错误信息列表 在进行用户输入数据有效性验证时,在控件上通过添加一个模板引用变量来暴露出 ngModel,从而在模板中获取到指定控件的状态信息,之后就可以通过获取错误信息列表来进行反馈 <div...,然后将控件组中的每一个控件作为属性值添加到实例中 import { Component, OnInit } from '@angular/core'; // 引入 FormControl 和 FormGroup...在模板驱动表单中,因为不是直接使用的 FormControl 实例,因此这里应该在模板上添加一个自定义的指令来完成对于控件数据的校验 使用 angular cli 创建一个用来进行表单验证的指令 ng
我们将继续分类和解决问题,并努力改善我们接受社区贡献的流程。 自动内联字体 为了加快应用的第一次内容绘制,从而让你的应用变得更快,我们引入了自动字体内联。...manualChangeDetection 函数可以用来禁用单元测试中的自动更改检测,使开发人员可以更精细地控制更改检测。...有关这些 API 和其他新特性的更多细节和示例,请务必查看 Angular Material Test Harnesses 的文档: http://material.angular.io/cdk/test-harnesses...将来,webpack v5 会带来: 持久磁盘缓存,以加快构建速度 cjs 摇树,减小包体积 这一支持是实验性的,并且正在开发中,因此我们不建议你将其用于生产用途。 想试用 webpack5 吗?...IE11 是 Angular 还在支持的唯一 IE 版本。我们还移除了一些已弃用的 API,并在弃用列表中添加了一些项目。
它有可选的标签。注意:客户端必须在其指令列表中声明materialInputDirectives而不是MaterialInputComponent。...此组件的调用者必须提供initial/unfiltered建议的列表,这些建议按组件过滤为用户类型。 过滤器不区分大小写。...将此设置为true会更改行为,以便在更改选项或选项时: 1.选择中的第一个选定值在选项中有效 2.如果选择没有选定值,则选项中没有任何活动 inputText String...请参阅Filterable中的过滤方法。默认为10。 loading bool 打开时没有可用的建议,请在建议下拉列表中显示加载指示符。...selection SelectionModel 如果设置,自动建议将使用提供的可观察SelectionModel对象。 默认情况下使用单个选择模型。
如果你的某个依赖包提供了ng update schematic,那么它在进行重大更改时会自动更新代码!...同时,这个命令还能自动安装rxjs-compat到你的应用程序中,以使 RxJS v6 更加流畅。...ng add @angular/material:安装并设置 Angular Material 和主题,注册新的初始组件 到ng generate中。...Angular Material 初始组件 一旦运行ng add @angular/material并添加材料到现有的应用程序中,就能够生成 3 个新的初始组件。...例如,运行如下代码: ng generate @angular/material:material-nav Material Dashboard Material Dashboard 是包含动态网格列表的启动组件
这也是我刚开始不敢选择 Angular Material 的一个原因。...题外话:为什么 ng-matero 会选择 Angular Material 抛开官方提到的几点不谈。首先我是那种比较激进的开发者,对于先进的设计理念,我都有跃跃欲试的执念。...另外,Angular Material 的样式是基于 Sass 编写,而我最喜欢的也是 Sass,所以基于 Angular Material 编写 ng-matero 就是宿命的选择。...顺便插一句,如果大家纠结用 Sass 还是 Less,可以看一下这篇文章 CSS 预处理器中的循环,个人不建议用 Less,请原谅我无意引战?。...我最开始认为将所有样式全部写到 mixin 中并不是很优雅的做法,但是在编写 ng-matero 暗黑主题的时候,我发现不这样做是不行的。以下是 Angular Material 主题定制的方法。
它不需要管理员权限,可以在用户的主目录中安装Node.js版本,并将它们隔离开来。通过执行简单的命令,用户可以选择正在使用的Node.js版本,这使得在不同版本之间切换变得非常简单。3....支持自动切换:通过.nvmrc文件自动切换项目所需的Node.js版本。二、常用Node.js版本对照1....较早的 Vue.js 版本(2.4 及以下)并没有针对 TypeScript 提供优化支持,在这些版本中使用 TypeScript 需要额外的配置,不推荐。2....可见,使用NVM进行Node.js的多版本控制与隔离,可以帮助我们在同一个操作系统里安装多个版本的Angular/Vue等前端库,以实现不同项目依赖的需求。...版本:nvm use如果你的系统中尚未安装该版本的 Node.js,NVM 将提示你安装它。
距离 Ng-Matero 发布第一版已经过去了一个多月,然后很颓废地休息了半个月,最近项目的关注度好像明显提升了,所以如果项目不维护感觉对不起大家。作为一个工程项目最好的方式还是通过脚手架安装。...按照计划,首先要添加 schematics,也就是使用 angular cli 自动初始化项目。然后花了一周多的时间终于搞定了 schematics?。...切记在新建 angular 项目的时候一定要选择 scss,因为没有做兼容处理,选择其它格式会有点问题,可以在 angular.json 中修改主样式入口。...当然这并不是必须的,真正在项目中使用该框架还需要亲自写很多代码,但我相信这应该不是大问题。另外主题系统还不够灵活,样式编写需要向 material 学习,增强定制性,优先选择 mixin 编写。...我会在之后的文章中介绍 material 的一些设计亮点。 除了框架本身的迭代之外,周边开发也不可或缺,毕竟使用 ng 就是为了享受工程化的便利。
简单来说,Autocomplete 意为 自动填充 。其作用就是在输入时,进行 关键字联想。在输入框下方展示列表,如下所示:注意,这是目前 Flutter 框架内部的组件,非三方组件。...另外,由于是浮层,展示文字时,上面需要嵌套 Material 组件。 至于高亮某个关键字,下面是我封装的一个小方法,拿来即用。...3.关于 Autocomplete 中的泛型 泛型的作用非常明显,它最主要的是对浮层面板的构建,如果浮层中的条目不止是 String ,我们就需要使用泛型,来提供某个的数据类型。...对 Autocomplete 来说,只是 RawAutocomplete 套了个马甲,本质上的功能还是在 RawAutocomplete 的状态类中完成的。...那本文就这样,如果想要简单地实现搜索联想词,Autocomplete 是一个很不错的选择。
平时会留意一些开源组件,收藏到收藏夹里,然后一天mac电脑因为卸载window出问题导致不能不重装,然后里面的东西都没了,特别是适用于ionic2布局的angular2和普通js……so sad,现整理回一些并分享下...: 这里是组件篇,所以关于开源项目和插件的分别放在其它章,因为图片多会影响本文速度和美观,所以只放部分图。...提醒一点,ionic3除了很方便使用ionic2及以上组件外,也很方便引入angular2或普通js的组件。这里列的基本都是ionic2,如果没有,可以自行找angular2或js的。...ionic2-pincode-input 自动完成 ionic2-autocomplete ?...ionic2-autocomplete 锚点滚动列表 ionic2-alpha-scroll ionic2-indexed-scroll ionic3-index-list——群里有人发就补充上来了
Angular v10 在六月下旬就悄无声息的发布了,虽然 v9 的发布延期了两个月,但是 v10 并没有受影响,仍然如期而至。...通过 ng new 生成的项目目录稍有不同,不过不用担心,使用 ng update 直接升级即可,CLI 会自动帮你替换这些文件,没有任何阻碍。...再来说一下 Angular Material, v10 有一个非常大的变化,就是增加了 datepicker 的区间选择功能,不用多说,这是一个极其实用的功能。...其实 v10 版本除了将 Angular 和 Angular Material 升级之外,主要是调整了 schematics ng add 的兼容问题,其它代码和 v9 最新版是一样的。...在线示例:https://ng-matero.github.io/ng-matero/#/forms/dynamic 主题化 主题化的内容可以说很多,暂时不展开讲,简单说一下 Material Extensions
在此之上,还有不少其他的外部工具库,类似于: Angular Material,Google 官方的Material 设计风格的UI 组件库。...除了这些,Angular 周边也有完善的工具体系: Angular CLI 为开发者提供了工作流自动化解决方案。...对不同技术背景的开发者提供如Dart、ES 5 等其他语言版本的选择。 ? Angular CLI 工程化流程 它的社区和周边也强大多样。...除了上面提到的Material Design UI、Mobile Toolkit,还包括: Kendo UI、Onsen UI 2 等UI 库,提供了多样化的界面方案选择。...不得不说,基于最新Angular 的ionic 变得越发强大,是用JavaScript 技术开发移动应用的不错选择。
要在Angular组件中使用这些样式,只需将其添加为Component注解中的styleUrls值即可。 建议在任何特定于组件的样式之前添加样式,以便您可以根据需要轻松覆盖样式值。...要使用持久性抽屉,请将persistent 属性添加到material-drawer元素,并将MaterialPersistentDrawerDirective添加到父级的指令列表中。...要使用临时抽屉,请将temporary属性添加到material-drawer元素,并将MaterialTemporaryDrawerComponent添加到父级的指令列表中。... 由于样式封装,如果列表内容不是直接在抽屉中(也就是说,它包含在另一个组件中),则必须使用mixin提供上面的样式。...需要在包含组件的styleUrls列表中包含packages:angular_components/app_layout / layout.scss.css。 适用于延期内容。
MaterialChipsComponent Selector: chips收集小部件,将对象列表显示为屑片。...关于OnPush的注意事项:如果ItemRenderer不是纯函数并且具有可能以不同方式呈现相同项的内部状态,则引用本身必须更改才能生效。 removable bool 屑是否可以拆除。...MaterialChipComponent Selector: “chip”小部件呈现“chip”格式的对象 - 带阴影的圆形框,通常用于水平列表。...Chip组件呈现在material-chips组件中。 Inputs: hasLeftIcon bool chip是否应显示自定义图标,默认为false。...除非removable设置为false,否则可以通过用户交互从模型中取消选择chips。 value dynamic 要渲染的数据模型。
然后,选择主题选项以下载主题。语法主题将会有一个配色方案,使代码更容易阅读。我发现某些主题在JavaScript中似乎很棒,但它们在Python中不具备可读性。...3)AutoComplete Python 包 并非每个人都喜欢自动完成功能。我同意,有时它可能会阻碍。但是,如果你像我一样,只是从Python开始,它可能非常有用。...autocomplete-python软件包让您可以选择由Jedi或Kite提供支持。Jedi是一个基于本地的库,而Kite则是一个在线库。...https://atom.io/packages/python-autopep8 8)script 包 到目前为止,该列表中最重要的一个软件包是script包。...在函数“def find_solution”的内部,我们遍历数字1到999999999,并检查每个数字的整除数。如果匹配,我们返回数字,否则我们不返回。
但是 datetimepicker 的时间选择模块并没有完全遵循 Material 规范(缺少时间输入模式),这也影响了很多需求的实现。...具体效果如下图所示: 在线体验地址 焦点管理属于 a11y 的范畴,使用 Angular Material 可以很轻松的完成 a11y 的需求,同时 Angular CDK 中也有 A11yModule...另外,侧边栏菜单按钮使用语义化标签进行了优化,关于按钮的选择可以参考 Angular Material 在 Button 文档中的说明: Angular Material 使用原生的 ...基于 MDC 的 Angular Material 组件 我觉得 v15 最大的变化不是 Angular,而是 Angular Material。...直接使用 ng update 升级的话,所有引用的组件都会自动改为 legacy 组件,所以并不会出现 break changes,但是 legacy 的组件都被标记为 deprecated(会显示中划线
如果您的某个依赖项提供了一个ng update原理图,那么他们可以在需要进行重大更改时自动更新代码! ng add ng add 也是新增的一个cli命令。...遵循数据表组件的模式,CDK包含核心树指令,而Angular Material则提供与顶层的Material Design样式相同的体验 Material 运行命令,添加Material ng add...ng generate library 这个命令将在你的CKI工作空间创建一个库项目,并且自动添加配置信息到angular.json文件和tsconfig.json中。...这也就意味着你可以从你的应用中移除 polyfill,这样可以减少大约47k的空间 RxJS v6 Angular已经更新使用了RxJS v6。...更新@ angular / cli 更新你的Angular框架包 更新其他依赖项 Ivy Ivy将会是下一代渲染引擎,现在正在开发中。让我们拭目以待吧。 原文链接
前言 今天利用中午午休时间,给大家分享推荐一款基于Angularjs的自动完成(Autocomplete)标签及标签组插件--ngTagsInput,功能超强大的。不信,你试试就知道^_^。。。...AutoComplete-- 自动完成对开发人员来说应该不会太陌生,特别是前端开发者。即用户在文本框中输入内容或者当文本框获得焦点时智能提示与用户输入有关的建议内容。...在Angularjs还未出现之前,有一些基于Jquery的Autocomplete插件。如今Angularjs日趋成熟和流行,我们当然得紧跟步伐,使用Angluarjs来完成同样的自动完成功能哦。...//mbenford.github.io/ngTagsInput/demos ngTagsInput在智能提示功能上与百度搜索类似,但在一个文本框中输入标签(特别是多标签)的情况下,就表现得非常强大了。...Angularjs的自动完成(Autocomplete)标签及标签组插件–ngTagsInput
https://cli.angular.io/ 提供了搭建一个angular项目的简单介绍。 本文就angular-cli这块的指令属性,在做一些扩展介绍。...—prefix 默认是app,可以选择改成其他的,如果不设置,那么项目生成的组件选择对象就是app开头,即: ?...—inline-style,–inline-template这两个属性放在一起介绍,一个是将css放在ts文件中,一个是将html放在ts文件中一起编写。用过vue或者react的同学应该非常熟悉。...比如生成一个名为stones的组件,只需运行命令: ng g component stones 就ok了,然后会依照之前在ng new项目时的配置在app目录下生成相应的组件,并自动加入到依赖中,非常方便...本章对angular-cli的介绍到此为止,下章具体介绍路由。 项目地址:https://github.com/jiwenjiang/angular4-material2
领取专属 10元无门槛券
手把手带您无忧上云