Javascript 从angular js中的各种html文件加载模板

我试图将模板存储在不同的html文件中并加载它们

我试图实现的是，当下拉列表更改时，我需要加载特定的html文件。但它甚至没有击中我正在加载的文件的控制器。我做错了什么

Index.html

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-latest.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="angular.min.js"></script>
<script src="Menu.js"></script>
<div ng-app="MenuApp">
    <div ng-controller="MainMenu">
        <div ng-include src="getView()"></div>
        <select ng-model="Template" ng-change="ChangeTemplate()">
            <option value="ListItems">ListItems</option>
            <option value="BorderedItems">BorderedItems</option>
        </select>
    </div>
</div>      

---

我认为在这种情况下应该使用angularjs指令。通过使用它们，您可以将模板存储在不同的html文件中。

我认为在这种情况下您应该使用angularjs指令。通过使用它们，您可以将模板存储在不同的html文件中。

如果可以避免这种情况，请不要在模板中使用函数

<select ng-model="template">
  <option value="test.html">first</option>
  <option value="test2.html">second</option>
</select>
<div ng-include="template"></div>

第一
第二

---

如果可以避免，请不要在模板中使用函数

<select ng-model="template">
  <option value="test.html">first</option>
  <option value="test2.html">second</option>
</select>
<div ng-include="template"></div>

第一
第二

---

我会做

ng include=“getView（）；”

，你确定你在

getView

中给出了良好的相对路径吗？是的。模板文件中不可能有控制器/模块吗@请检查此链接。第一个选项是不加载项i将执行

ng include=“getView（）；”

，并且您确定在

getView

中提供了良好的相对路径吗？是的。模板文件中不可能有控制器/模块吗@请检查此链接。第一个选项是不加载ItemsHank Petr。我试图有一个控制器，在模板文件模块以及。检查这个谢谢彼得。我试图有一个控制器，在模板文件模块以及。检查此项您有任何fiddle/plunkr链接吗？您有任何fiddle/plunkr链接吗？

<select ng-model="template">
  <option value="test.html">first</option>
  <option value="test2.html">second</option>
</select>
<div ng-include="template"></div>