离子背景
Backdrops是覆盖其他组件的全屏组件。它们在其他内容的顶部转换的组件背后有用,并且可以用来解除该组件。
用法
<! - 默认背景 - >
<
离子背景
>
离子背景
>
<! - 背面是不嘲笑的 - >
<
离子背景
令人烦人的
=
“
错误的
“
>
离子背景
>
<! - 背景不可见 - >
<
离子背景
可见的
=
“
错误的
“
>
离子背景
>
<! - 带传播的背景 - >
<
离子背景
stoppropagation
=
“
错误的
“
>
离子背景
>
<! - 设置动态属性的背景 - >
<
离子背景
[令人震惊]
=
“
enablebackdropdismiss.
“
[可见的]
=
“
ShowBackDrop.
“
[stoppropagation]
=
“
应该是propagate.
“
>
离子背景
>
复制
复制
进口
{
零件
}
从
'@ Angular / Core'
;
@
零件
(
{
选择器
:
'背景 - 例'
那
templateURL.
:
'backdrop-example.html'
那
样式堡垒
:
[
'./backdrop-example.css'
]
那
}
的)
出口
班级
backdropexample.
{
enablebackdropdismiss.
=
错误的
;
ShowBackDrop.
=
错误的
;
应该是propagate.
=
错误的
;
}
复制
复制
<! - 默认背景 - >
<
离子背景
>
离子背景
>
<! - 背面是不嘲笑的 - >
<
离子背景
令人烦人的
=
“
错误的
“
>
离子背景
>
<! - 背景不可见 - >
<
离子背景
可见的
=
“
错误的
“
>
离子背景
>
<! - 带传播的背景 - >
<
离子背景
停止传播
=
“
错误的
“
>
离子背景
>
<! - 设置动态属性的背景 - >
<
离子背景
ID
=
“
CustomBackDrop.
“
>
离子背景
>
复制
复制
var.
背景
=
文档
。
getelementbyid
(
'custombackdrop'
的)
;
背景
。
可见的
=
错误的
;
背景
。
令人烦人的
=
错误的
;
背景
。
stoppropagation
=
错误的
;
复制
复制
进口
反应
从
'反应'
;
进口
{
离子背面
那
离子联系
}
从
'@betway东盟体育app离子/反应'
;
出口
Const.
backdropexample.
:
反应
。
FC.
=
(
的)
=>
(
<
离子联系
>
{
/ * - 默认背景 - * /
}
<
离子背面
/>
{
/ * - 背面不令人震惊 - * /
}
<
离子背面
令人烦人的
=
{
错误的
}
/>
{
/ * - 不可见的背景 - * /
}
<
离子背面
可见的
=
{
错误的
}
/>
{
/ * - 带传播的背景 - * /
}
<
离子背面
stoppropagation
=
{
错误的
}
/>
<
离子背面
令人烦人的
=
{
真的
}
可见的
=
{
真的
}
stoppropagation
=
{
真的
}
/>
离子联系
>
的)
;
复制
复制
进口
{
零件
那
H
}
从
'@模板/核心'
;
@
零件
(
{
标签
:
'背景 - 例'
那
styleurl.
:
'backdrop-example.css'
}
的)
出口
班级
backdropexample.
{
使成为
(
的)
{
Const.
enablebackdropdismiss.
=
错误的
;
Const.
ShowBackDrop.
=
错误的
;
Const.
应该是propagate.
=
错误的
;
返回
[
//默认背景
<
离子背景
>
离子背景
>
那
//不令人嘲笑的背景
<
离子背景
令人烦人的
=
{
错误的
}
>
离子背景
>
那
//不可见的背景
<
离子背景
可见的
=
{
错误的
}
>
离子背景
>
那
//带传播的背景
<
离子背景
stoppropagation
=
{
错误的
}
>
离子背景
>
那
//设置动态属性的背景
<
离子背景
令人烦人的
=
{
enablebackdropdismiss.
}
可见的
=
{
ShowBackDrop.
}
stoppropagation
=
{
应该是propagate.
}
>
离子背景
>
]
;
}
}
复制
复制
<
模板
>
<! - 默认背景 - >
<
离子背景
>
离子背景
>
<! - 背面是不嘲笑的 - >
<
离子背景
令人烦人的
=
“
错误的
“
>
离子背景
>
<! - 背景不可见 - >
<
离子背景
可见的
=
“
错误的
“
>
离子背景
>
<! - 带传播的背景 - >
<
离子背景
停止传播
=
“
错误的
“
>
离子背景
>
<! - 设置动态属性的背景 - >
<
离子背景
:Tappable.
=
“
enablebackdropdismiss.
“
:可见的
=
“
ShowBackDrop.
“
:停止传播
=
“
应该是propagate.
“
>
离子背景
>
模板
>
<
脚本
>
进口
{
离子背面
}
从
'@betway东盟体育app ionic / vue'
;
进口
{
绝缘组分
}
从
'vue'
;
出口
默认
绝缘组分
(
{
成分
:
{
离子背面
}
那
设置
(
的)
{
返回
{
enablebackdropdismiss.
:
真的
那
ShowBackDrop.
:
真的
那
应该是propagate.
:
真的
}
}
}
的)
;
脚本
>
复制
复制
特性
stoppropagation |
|
---|---|
描述 |
如果 |
属性 |
停止传播 |
类型 |
布尔 |
默认 |
真的 |
令人烦人的 |
|
描述 |
如果 |
属性 |
令人烦人的 |
类型 |
布尔 |
默认 |
真的 |
可见的 |
|
描述 |
如果 |
属性 |
可见的 |
类型 |
布尔 |
默认 |
真的 |
事件
姓名 | 描述 |
---|---|
IonbackDroptap. |
在挖掘背景时发出。 |