Как передать логическое значение ViewModel в функцию jquery?

Question

Я бы хотел, чтобы div показывал, если для ViewModel bool установлено значение true.

Я пробовал это:

$(function () {
    $("#myDiv").toggle(@Model.IsRequired);
}

Но @Model.IsRequired отображается как "True" или«Ложь», а не «правда» или «ложь».

Есть идеи?

Answer 1

Вы можете просто написать @Model.IsRequired.ToString().ToLower().

Я не думаю, что есть лучшее решение (кроме вашего собственного метода расширения)

Answer 2

Некоторые альтернативы строковому регистру:

Использование троичного оператора с реальными строками

$(function () {
    $("#myDiv").toggle(@(Model.IsRequired?"true":"false"));
}

или вы можете выводить различные вызовы в зависимости от значения

$(function () {
    @if (Model.Required)
    {
        $("#myDiv").toggle(true);
    }
    else
    {
        $("#myDiv").toggle(false);
    }
}

или объединить их

$(function () {
    @(Model.IsRequired
         ?"$('#myDiv').toggle(true);"
         :"$('#myDiv').toggle(false);")
}

Answer 3

Вот еще один способ использования jQuery / javascript:

Markup:

<... onclick='HandleClick()' ... />

Сценарий:

function HandleClick() {
    var isRequired = '@Model.IsRequired';
    if (isRequired === 'True') {
        $('#myDiv').toggle(true);
    } else {
        $('#myDiv').toggle(false);
    }
}