【L?S】ASP.NET Core Blazor...
格式化时间字符串使用@bind:format 可以对绑定时间类型字段的时候进行格式化：
出生日期：
t8xrfU.png
这个功能有点类似Angularjs的filter功能，但是目前只能对时间进行格式化，功能很弱。
父组件绑定数据到子组件
组件之间往往都是嵌套的，很多子组件都依赖父组件的数据来决定如何呈现，这种场景非常常见。我们还是继续修改上面的编辑组件，用户信息不在自己初始化，而是从父组件传递过来：
子组件：
====================child==================
userName:
sex:
男
女
BrithDay：
@code {
public UserInfo UserInfo { get; set; }
public EventCallback UserInfoChanged { get; set; }
}
子组件定义一个UserInfo对象并且使用进行标记，同时如果父组件使用@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的传值还是单向的。
http://cdn.u1.huluxia.com/g4/M03/93/66/rBAAdl78EbyAQ_nEAAKqv8KiwVM279.jpg
页:
[1]