У мене є .csHtmlфайл -razor з функцією javascript, який використовує функцію @Url.ContentC # всередині URL-адреси ajax.
Я хочу перемістити цю функцію у .jsфайл, на який посилається мій погляд.

Проблема в тому, що javascript не "знає" @символ і не аналізує код C #.
Чи є спосіб посилання на .jsфайли з подання із символом "@"?

Ви можете використовувати data-*атрибути HTML5 . Припустимо, що ви хочете виконати якусь дію, коли клацається якийсь елемент DOM, такий як div. Так:

<div id="foo" data-url="@Url.Content("~/foobar")">Click me</div>

а потім у своєму окремому файлі javascript ви можете ненав’язливо працювати з DOM:

$('#foo').click(function() {
    var url = $(this).data('url');
    // do something with this url
});

Таким чином, у вас може бути чітке розділення між розміткою та сценарієм, не потребуючи при цьому жодних тегів на стороні сервера у ваших файлах javascript.

Ну, я щойно знайшов на Nuget движок для бритви, який це робить! Сенс вирішує @синтаксис!
Її звуть RazorJS .

NuGet пакет

Оновлення 2016 року:
Пакет не оновлювався протягом 5 років, а посилання на сайт проекту мертве. Я більше не рекомендую людям користуватися цією бібліотекою.

Одним із способів вирішення проблеми є:

Додавання до подання часткового подання з функціями javascript.
Таким чином ви можете використовувати @символ, і всі ваші javascriptфункції будуть відокремлені від подання.

У вас є два варіанти:

• Використовуйте значення як параметр у функції та підключення у поданні
• Створіть простір імен (замість змінної загальнодоступного рівня, що вважається поганою практикою в JS) і встановіть це значення у верхній частині сторінки, а потім використовуйте його у своєму js

Наприклад:

 var MyCompany = 
 {
   MyProject: {
                  MyVariable:""
               }
  };

А потім, на ваш погляд, встановіть це:

MyCompany.MyProject.MyVariable = @....

ОНОВЛЕННЯ

Ви можете задатися питанням, що жодна користь не пов’язана із зв’язкою, ну це правда, ви зв’язуєте js та view. Ось чому сценарії повинні пам’ятати про місце розташування, в якому вони працюють, тому це є симптомом неоптимальної організації файлів.

У будь-якому випадку є третій варіант створити механізм перегляду та запустити js-файли проти бритви та відправити результати назад. Це чистіше, але набагато повільніше, тому також не рекомендується.

Для того, щоб отримати @змінну у своєму .js-файлі, вам доведеться використовувати глобальну змінну та встановити значення цієї змінної у поданні mvc, яке використовує цей .js-файл.

Файл JavaScript:

var myValue;

function myFunc() {
  alert(myValue);
}

MVC Переглянути файл:

<script language="text/javascript">
    myValue = @myValueFromModel;
</script>

Тільки переконайтеся, що будь-які дзвінки до вашої функції відбуваються ПІСЛЯ значення, встановленого видом.

Можливо, це не правильний підхід. Враховуючи поділ проблем. У вас повинен бути клас data injectorвашого JavaScriptкласу, який, як правило, є даними JSON.

Створіть файл JS у своїй scriptпапці та додайте це посилання до свогоView

<script src="@Url.Content("~/Scripts/yourJsFile.js")" type="text/javascript"></script>

Тепер розглянемо JavaScriptбуквальний клас у вашому yourJsFile.js:

var contentSetter = {
    allData: {},
    loadData: function (data) {
        contentSetter.allData = eval('(' + data + ')');
    },
    setContentA: function () {
        $("#contentA").html(allData.contentAData);
    },
    setContentB: function () {
        $("#contentB").html(allData.contentAData);
    }
};

Також оголосіть клас

public class ContentData
{
    public string ContentDataA { get; set }
    public string ContentDataB { get; set }
}

Тепер, з вашого Actionзробити це:

public ActionResult Index() {
    var contentData = new ContentData();
    contentData.ContentDataA = "Hello";
    contentData.ContentDataB = "World";
    ViewData.Add("contentData", contentData);
}

І з вашого погляду:

<div id="contentA"></div>
<div id="contentB"></div>

<script type="text/javascript">
    contentSetter.loadData('@Json.Encode((ContentData) ViewData["contentData"])');
    contentSetter.setContentA();
    contentSetter.setContentB();
</script>

Нещодавно я писав блоги на цю тему: Створення зовнішніх файлів JavaScript із використанням часткових подань бритви .

Моє рішення полягає у використанні користувацького атрибута ( ExternalJavaScriptFileAttribute), який відображає частковий вигляд Razor як є, а потім повертає його без оточуючих <script>тегів. Це робить його дійсним зовнішнім файлом JavaScript.

Я зазвичай обгортаю JS, який потребує доступу до властивостей моделі, у функції, а потім передаю @something у поданні. Наприклад

<script type="text/javascript">
function MyFunction(somethingPresentInTheView) {
  alert(somethingPresentInTheView);
}
</script>

у поданні я додаю виклик функції через (лише приклад):

<input type='button' onclick="MyFunction('@Model.PropertyNeeded')" />

Я думаю, ви застрягли в тому, що потрібно вставити цей код JS у подання. Наскільки мені відомо, парсер Razor не буде переглядати файли .js, тому все, що у вас є, що використовується @, не буде працювати. Плюс, як ви помітили, сам Javascript не любить, щоб цей @персонаж без всякої причини бовтався, крім того, скажімо, в рядку.