ホームページ > ウェブフロントエンド > jsチュートリアル > スクリプト タグ内で Razor と JavaScript コードをブレンドするにはどうすればよいですか?

スクリプト タグ内で Razor と JavaScript コードをブレンドするにはどうすればよいですか?

Susan Sarandon
リリース: 2024-10-26 10:38:30
オリジナル
707 人が閲覧しました

How to Blend Razor and Javascript Code Within a Script Tag?

Razor と Javascript コードの混合

Razor と Javascript コードの混合は、開発者にとって障害となる可能性があります。 Javascript ブロック内で C# コードを宣言しようとすると、よくある課題が 1 つ発生します。

質問:

このようなことを実現するには、Razor と JavaScript コードを効果的に組み合わせるにはどうすればよいですか?

<script type="text/javascript">
  var data = [];

  <c#>@foreach (var r in Model.rows) {</c#>
      data.push([ <c#>@r.UnixTime</c#> * 1000, <c#>@r.Value</c#> ]);
  <c#>}</caption>
</script>
ログイン後にコピー

答え:

この混合を実現するには、解決策は を使用することです。要素。 C# コードを 内にカプセル化することで、タグを使用すると、JavaScript と Razor の構文間をスムーズに移行できます。

<script type="text/javascript">
  var data = [];

  @foreach (var r in Model.rows)
  {
    <text>
      data.push([ @r.UnixTime * 1000, @r.Value ]);
    </text>
  }
</script>
ログイン後にコピー

以上がスクリプト タグ内で Razor と JavaScript コードをブレンドするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート