.net MVC 獲取model 屬性綁定到html 元素的屬性中

利用不顯示的input 標籤設置value值,用js 獲取元素值,再賦值到html 元素上面

@model CompanyModel
@{
    Layout = null;
    ViewBag.Title = "服務商詳情";
}
<input type="text" id="ModelId" value="@Model.Id" style="display:none"/>
<input type="text" id="CompanyName" value="@Model.CompanyName" style="display:none"/>
<div class="company-detail-right-logo">
    <div class="card-img" id="image" >
          <img id="Image" />
    </div>
</div>

<script>

    var id = document.getElementById("ModelId");
    var companyName = document.getElementById("CompanyName");
    alert(companyName.value);
    var imageUrl = "/Content/images/companies/" + id.value + ".jpg";
    
    document.getElementById("Image").src = imageUrl;
    document.getElementById("Image").alt = companyName.value;
    
    
</script>

編譯成:

<div class="company-detail-right-logo">
    <div class="card-img" id="image">
        <img id="Image" src="/Content/images/companies/1.jpg" alt="公司名">
    </div>
</div>