title: How to set Html id based on Model item id
body: <p>I have some code like:</p>
  
  <pre><code>&lt;table&gt;         
      @foreach (var invoiceLine in Model.Invoice.InvoiceLine)) {
          &lt;tr class="subheader"&gt;
               &lt;td&gt;
                   &lt;div class="approval"&gt;
                       &lt;span&gt;Office sign off:&lt;/span&gt;
                            @Html.DisplayFor(modelItem =&gt; item.OfficeUser.Name)
                       &lt;span id="officeapprovalspan"&gt;@(item.OfficeApproved.HasValue ? (item.OfficeApproved.Value ? "Accepted" : "On Hold") : "Please Approve")&lt;/span&gt;
                   &lt;/div&gt;
               &lt;/td&gt;
  </code></pre>
  
  <p>Well the span with <code>id="officeapprovalspan"</code> I'm wanting to set it's id so that it's officapprovalspan"x" where x is the current item invoiceLineId.</p>
  
  <p>So when invoiceLineId=3 I would ideally want the span id to be <code>id="officeapprovalspan3"</code></p>
  
  <p>Anyone know how to achieve this?</p>