|آموزش مرجع Blazor Framework|آموزش اتصال داده یک طرفه در Blazor Framework|

آموزش اتصال داده یک طرفه در Blazor Framework

در سایر فریمورک ها مانند Angular، اتصال داده یک طرفه با عنوان درون یابی (interpolation) نیز شناخته می شود.

• در اتصال یک طرفه، باید نام متغیر یا ویژگی (property) را به همراه @ پاس داد مانند @Title (در اینجا Title یا متغیر است یا ویژگی).
• در مثال زیر، اتصال یک طرفه را به همراه متغیرهای متفاوت انجام داده ایم.

@ page "/one-way-data-binding"

< !-- Use this button to trigger changes in the source values -->
< button onclick="@ ChangeValues">Change values< /button>
  
< p>Counter: @ Count< /p>

@ if (ShowWarning)
{
    < p style="background-color: red; padding: 5px">Warning!< /p>
}

< p style="background-color: @Background; color=white; padding: 5px">Notification< /p>

< ul>
    @foreach (var number in Numbers)
    {
        < li>@number< /li>
    }
< /ul>

@ functions {
    private int Count { get; set; } = 0;
    private bool ShowWarning { get; set; } = true;
    private string Background { get; set; } = "red";
    private List< int> Numbers { get; set; } = new List< int> { 1, 2, 3 };

    private void ChangeValues()
    {
        Count++;
        ShowWarning = !ShowWarning;
        Background = Background == "red" ? "green" : "red";
        Numbers.Add(Numbers.Max() + 1);
    }
}