Component間のデータ授受(属性スプラッティング)

Blazor

コンポーネントに複数のパラメータを一括で渡すことができる。

(＊)ただし、一つのコンポーネントに渡せるパラメータのまとまりは一種だけ。

・CaptureUnmatchedValues属性を定義し、Dictionary型でパラメータを定義する。

 

■Component側(パラメータを受ける側)

・Code側

　[Parameter(CaptureUnmatchedValues = true)]
        public Dictionary<string, object> パラメータ名{ get; set; }

 

・Razor側

　<input id="test" @attributes ="パラメータ名" />

 

■コンポーネント呼び出し側

<コンポーネント @attributes ="パラメータ名" />
@code{
    public Dictionary<string, object> パラメータ名{ get; set;}

        = new Dictionary<string, object>
    {
        { "maxlength", "5" },
        { "placeholder", "ここに入力してください..." },
        { "size", "50" }
    };
}