|
格式化时间字符串
使用@bind:format 可以对绑定时间类型字段的时候进行格式化:
出生日期:
t8xrfU.png
这个功能有点类似Angularjs的filter功能,但是目前只能对时间进行格式化,功能很弱。
父组件绑定数据到子组件
组件之间往往都是嵌套的,很多子组件都依赖父组件的数据来决定如何呈现,这种场景非常常见。我们还是继续修改上面的编辑组件,用户信息不在自己初始化,而是从父组件传递过来:
子组件:
====================child==================
userName:
sex:
男
女
BrithDay:
@code {
[Parameter]
public UserInfo UserInfo { get; set; }
[Parameter]
public EventCallback UserInfoChanged { get; set; }
}
子组件定义一个UserInfo对象并且使用[Parameter]进行标记,同时如果父组件使用@bind-UserInfo来绑定的话,还必须实现一个UserInfoChanged事件。
父组件:
@page "/"
====================parent==================
userName: @userInfo.UserName
sex: @userInfo.Sex
brithday: @userInfo.BrithDay
@code {
private UserInfo userInfo;
protected override void OnInitialized()
{
userInfo = new UserInfo
{
UserName = "abc",
Sex = "f",
BrithDay = DateTime.Now
};
base.OnInitialized();
}
}
父组件初始化一个UserInfo对象后通过@bind-UserInfo绑定给子组件。注意这里我们修改子组件的值并不会同步给父组件,所以可以看到@bind-UserInfo的传值还是单向的。
|
|