MVC 3 Razor View: генерирование JavaScript из значения логической модели

Ответ 1

Версия 1 - это единственная из тех, за кого я проголосовал, даже если они все работали, потому что она самая удобочитаемая для человека. К сожалению, у меня нет ВС дома, поэтому я не могу попробовать, чтобы узнать, что такое проблема автоматического форматирования, но если это вообще возможно, я бы хотел проигнорировать проблему и продолжать использовать эту версию, учитывая, что там ничего не случилось с кодом - это просто СБ, что сбито с толку. (Вы говорите, что VS пытается интерпретировать все это как JS и, следовательно, считает это недействительным?)

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

Пятая попытка...

@{ string IsSet = Model.IsSet  ? "true" : ""; }

var isSet = !!"@(IsSet)";
// OR
var isSet = Boolean("@(IsSet)");

Заставить строковое значение в логическое значение со старым трюком с двойным оператором - как вы уже указывали, как "true" и "false" станет истинным, но эта проблема исчезнет, ​​если вы используете "true" и "true" , "(пустая строка) - поэтому вы можете использовать Boolean() в соответствии с вашей" третьей попыткой ".

Шестая попытка...

@{ string IsSet = Model.IsSet  ? "true" : "false"; }

// helper function at the top of your page:
function bool(strVal) {
   return strVal === "true";
}

// variable declaration
var isSet = bool("@(IsSet)");

ОК, поэтому вы получаете довольно бессмысленную функцию в верхней части страницы, но она сохраняет корректные порядок объявлений переменных, и если вы отлаживаете клиентскую сторону, вы увидите bool("false") или bool("true").

Седьмая попытка...

Мне не нравится дополнительный шаг создания серверной стороны string IsSet = Model.IsSet ? "true" : "false"; заранее. Я не знаю синтаксиса Razor, но вы можете сказать что-то вроде:

var isSet = !!"@(Model.IsSet ? "true" : "")";
// OR, better:
var isSet = !!"@(rzrBool(Model.IsSet))";
// where rzrBool() is a server-side helper function (that you would create)
// which returns "true" or ""

Я бы ожидал, что все мои "попытки" будут работать, но я снова думаю, что ваша "первая попытка" - лучший вариант.

Ответ 2

Я просто боролся с той же проблемой около часа. Мое окончательное решение было эквивалентно следующему.

var IsSet = @(Model.IsSet.ToString().ToLower()); // Inside JavaScript block

Это не требует дополнительного кода.

Ответ 3

Ни одна из версий, показанных до сих пор (как в вопросе, так и в ответах), является тем, что я буду использовать. Вот как я это сделаю:

@model MyViewModel
<script type="text/javascript">
    var isSet = @Html.Raw(Json.Encode(Model.IsSet));

    // TODO: use the isSet javascript variable here as a standard boolean value
</script>

или если вам нужны другие свойства вашей модели представления для манипуляции с помощью javascript, вы можете JSON кодировать всю модель:

@model MyViewModel
<script type="text/javascript">
    var model = @Html.Raw(Json.Encode(Model));

    if (model.IsSet) {
        alert(model.FooBar);
    }
</script>

Ответ 4

Как насчет:

@Ajax.ToJson(Model.IsSet)

Ответ 5

var isSet = /true/i.test('@Model.IsSet');

• Одиночная строка
• Обрабатывает разницу между .Net и JavaScript
• Работает с автоматическим форматированием (Visual Studio и Visual Studio с Resharper)
• Разумно идиоматично, если вы знакомы с регулярными выражениями JavaScript
• Достаточно устойчив к логическим ошибкам; он должен сделать так, как предполагалось, или выбросить ошибку JavaScript (или, возможно, ошибку компиляции Razor).

Ответ 6

Как насчет:

@Model.IsSet.ToString().ToLower()

Ответ 7

var isSet= @((bool)Model.IsSet?"true":"false");

Ответ 8

Вот что я использую внутри блока javascript:

var someValue;
@{ var someValue= "someValue= " + Model.SomeValue+ ";"; }
@someValue

Ответ 9

Я знаю, что это старый вопрос, но ни один из ответов не является особенно элегантным.

Самое простое решение в этих ситуациях - просто добавить +0 к вашему условному. Это неявно преобразует bool в int, но поскольку результат 0 или 1, он сразу же преобразуется обратно с помощью оператора if. Пример:

// The space is optional
if (@IsSet +0) {
    // Do stuff
}

Назначение логического значения переменной может быть достигнуто следующим образом:

// Note the double (not triple) equals, which performs type conversion
var isSet = @IsSet+0 == true;

Код работает, вы не получаете красных squiggly строк, и форматер Visual Studio счастлив.