Alert
使用警报消息为典型的用户操作提供反馈消息。
Example
包含任何文本和可选的关闭按钮、自定义图标以及四种消息类型。
this is info alert.
this is success alert.
this is error alert.
this is warning alert.
Usage
使用<nm-alert #alert> </nm-alert>创建一个alert。
| Attribute | Default | Description |
|---|---|---|
status | info | 四种状态类型，可选success、info、warning、error，默认为info |
dismissible | true | 是否可以关闭，默认有关闭警报消息按钮 |
hasIcon | true | 是否显示图标，默认为显示 |
isVisible | false | 是否直接显示，默认为不显示 |
icon | --- | 自定义图标 |
Methods
警报消息有三种可用方法，分别是alert.show()、alert.hide()和alert.toogle()。
this is info alert.
Carousel
轮播图。
Example
可自动循环滚动、手动控制的轮播图。
Usage
使用<nm-carousel> ...<nm-slide> <img src=".."> </nm-slide>... </nm-carousel>即可创建一个轮播图。
| Attribute | Default | Description |
|---|---|---|
isLoop | true | 是否循环滚动，类型 boolean，默认为自动滚动 |
interval | 5000 | 滚动时间间隔，类型 number，默认为5000ms |
isControls | true | 是否显示控制按钮，类型 boolean，默认显示 |
slideChanged | Slide 转换时触发的事件 | |
slideAdded | 添加新的 Slide 触发的事件 | |
slideRemoved | 移除 Slide 触发的事件 | |
carouselStopped | 轮播停止转换触发的事件 | |
carouselPlaying | 轮播开始转换触发的事件 |
Methods
轮播图的方法有:
- 添加新的 Slide
addSlide(slide) - 移除 Slide
remove(slide) - 切换上一个Slide
previousSlide() - 切换下一个Slide
nextSlide() - 获取指定 index 的Slide
getSlide(index) - 设置 slide 过渡阶段的方向
select(slide, direction) - 移动 Slide
moveTo(slide, direction)
Cascade Dropdownlist
多级联动 下拉选择
Example
可配置数据源、输入框占位文本、是否禁用、是否支持清空、默认绑定值，并且可以获取选择结果的多级联动组件。
Usage
使用<nm-cascade-dropdownlist [options]="options"></nm-cascade-dropdownlist>即可创建一个能够多级联动的选框。
| Attribute | Default | Description |
|---|---|---|
options | 数据源，类型：Array | |
placeholder | 请选择 | 输入框占位文本，类型：string，默认 `请选择` |
disabled | false | 是否禁用选择，类型：boolean，默认 `false` |
clearable | false | 是否支持清空选项，类型：boolean，默认 `false` |
fullLevels | true | 是否显示完整的选中值，类型：boolean，默认`true` |
changeOnSelect | false | 选择任意一级的选项立即得到反馈，类型 boolean 默认 `false` |
touchUi | false | 是否为触摸模式，若为true则在选择时在页面底部打开选项框，类型 boolean 默认 `false` |
model | 默认绑定值，类型 Array，每一项是数据中每一层的 value | |
modelChange | 返回当前选中的value数组 |
Methods
1. 多级联动组件提供的modelChange()方法，可在选择项改变时返回当前选择的各级value值。请在console中查看。
2. 使用close()方法可主动关闭级联下拉选择。