Kann nicht bekommen AngularJS ng-schließen mit Web-api mvc zu arbeiten

Question

Dies ist, was ich in Index.cshtml haben

<div ng-show="tab.isSet(1)" ng-include ="'show-employees.html'">  
</div> 

Dies ist die Show-employees.html

<h2>List of Employees</h2> 
<div class="panel-body"> 
    <table class="table table-bordered"> 
     <tr> 
      <th>Id</th> 
      <th>FirstName</th> 
      <th>Age</th> 
      <th>Position</th> 
      <th>Salary</th> 
      <th>Department</th> 
     </tr> 
     <tr ng-repeat="employee in employees"> 
      <td>{{employee.Id}}</td> 
      <td>{{employee.FirstName}}</td> 
      <td>{{employee.Age}}</td> 
      <td>{{employee.Position}}</td> 
      <td>{{employee.Salary}}</td> 
      <td>{{employee.Department}}</td> 
     </tr> 
    </table> 
</div> 

PrintScreen of the Solution

Ich versuche, die Registerkarte show-employees.html in die index.html-Datei aufzunehmen, aber ich bekomme immer einen Fehler 404. Ich denke, der Link ist das Problem.

Answer 1

Sie ng-umfassen wie folgt verwenden sollten:

<div ng-include="template.url"></div> 

Answer 2

Ihre html lebt in Aussicht/home/show-employees.html

Sie müssen verwenden, um den ganzen Weg, weil es sich um eine statische Datei, wird also nicht durch das MVC-Routing gehen.

Answer 3

Ich glaube nicht, dass Sie auf HTML-Dateien im Ordner Ansichten für MVC-Projekt zugreifen können.

Versuchen Sie Folgendes, um zu sehen, ob es für Sie arbeitet,

1. erstellen eine Ansicht für die Vorlage in den Ansichten/Ordner - ShowEmployees.cshtml

2. im Home-Controller, fügen

   public ActionResult ShowEmployees() { return View(); }

3. ng-include = " '/ Home/ShowEmployees'"