0

我从教程ngInclude中复制了 ng-include 的示例，但它似乎不起作用。我尝试将模板定义为脚本部分（如本教程的 jsFiddle 中），它可以工作，但是当我将它们作为单独的文件保存在同一个文件夹（template1.html和template2.html）中时，它会停止工作。

同样，我的代码与教程中的代码完全相同：

索引.html

<!doctype html>
<html ng-app>
  <head>
    <script src="http://code.angularjs.org/1.0.6/angular.min.js"></script>
    <script src="script.js"></script>
  </head>
  <body>
    <div ng-controller="Ctrl">
      <select ng-model="template" ng-options="t.name for t in templates">
       <option value="">(blank)</option>
      </select>
      url of the template: <tt>{{template.url}}</tt>
      <hr/>
      <div ng-include src="template.url"></div>
    </div>
  </body>
</html>

模板1.html

Content of template1.html

模板2.html

Content of template2.html

脚本.js

function Ctrl($scope) {
  $scope.templates =
    [ { name: 'template1.html', url: 'template1.html'}
    , { name: 'template2.html', url: 'template2.html'} ];
  $scope.template = $scope.templates[0];
}

谢谢，

坦率

更新：

解决。该问题显然是由在 Chrome 上尝试引起的。

4

0 回答 0