Sender 输入框
使用 |
文档 |
何时使用#
需要构建一个对话场景下的输入框。
代码演示 #
加载中
加载中
加载中
加载中
加载中
`Shift + Enter` to submit
加载中
加载中
加载中
加载中
API#
nx-sender#
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
[ngModel] | 输入框值,可双向绑定 | string | - |
[nxDisabled] | 是否禁用 | boolean | false |
[nxLoading] | 是否加载中 | boolean | false |
[nxValue] | 输入框值 | string | - |
[nxPlaceholder] | 输入框占位提示文字 | string | - |
[nxReadonly] | 是否让输入框只读 | boolean | false |
[nxSubmitType] | 键盘提交模式,可选回车键或 shift 组合回车键 | 'enter' | 'shiftEnter' | 'enter' |
[nxAllowSpeech] | 是否允许语音输入 | boolean | NxSpeechConfig | false |
[nxActions] | 自定义操作按钮。当不需要默认操作按钮时,可以设为 null | TemplateRef | null | - |
[nxHeader] | 头部面板 | TemplateRef | - |
[nxFooter] | 底部内容 | TemplateRef | - |
(nxSubmit) | 点击发送按钮的回调 | EventEmitter<void> | - |
(nxCancel) | 点击取消按钮的回调 | EventEmitter<void> | - |
(nxChange) | 输入框值改变的回调 | EventEmitter<string> | - |
[nx-sender-prefix]#
使用 nx-sender-prefix 指令自定义 Sender 组件的前缀内容。
[nx-sender-extend-action]#
使用 nx-sender-extend-action 指令自定义其他操作按钮,这些额外自定义的按钮将与内置操作按钮组合出现。
需要注意的是,此时
nxActions不能设置为null,否则将不会显示任何操作按钮。
Interfaces#
interface NxSpeechConfig {
// 当设置 `recording` 时,内置的语音输入功能将会被禁用。
// 交由开发者实现三方语音输入的功能。
recording?: boolean;
onRecordingChange?: (recording: boolean) => void;
}