【L?S】ASP.NET Core Blazor...

无名

格式化时间字符串
使用@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的传值还是单向的。