2017年12月13日水曜日

ASP.NET MVCでJavascriptで使うUrlを動的に変更したい

ASP.NET MVCでJavascriptで使うurlを動的に変更したい


/Home/Index

/

この場合、Javascriptから画像を表示する場合
.././Images

./Images 別々に記述しないと画像にたどり着けない

Razarの場合は、 @Url.Content("~/Images") でOK

元ネタ http://www.processinginfinity.com/weblog/2014/07/17/Get-App-Base-URL-in-Script

index.cshtml
  <!DOCTYPE html>
  <html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <base href='@Url.Content("~/")'>
    <title>@ViewBag.Title - My ASP.NET Application</title>
    <!-- ... -->
  </head>
  <body>
      ...
app.js
(function () {
  'use strict';

  var baseUrl = $('base').attr('href');
  var appBaseUrl = baseUrl + 'scripts/myApp/';

  angular.module('myApp', ['ngRoute'])
    .config(['$routeProvider', function ($routeProvider) {
      $routeProvider.
        when('/list', {
            templateUrl: appBaseUrl + 'partials/list.html',
            controller: 'ListController'
        }).
        when('/details', {
            templateUrl: appBaseUrl + 'partials/details.html',
            controller: 'DetailsController'
        }).
        otherwise({
            redirectTo: '/list'
        });
    }]);
  })();

0 件のコメント:

コメントを投稿