0

チュートリアルngIncludeから ng-include の例をコピーしましたが、うまくいかないようです。テンプレートをスクリプト パーシャル (チュートリアルの jsFiddle のように) として定義しようとしましたが、機能しますが、それらを同じフォルダー (template1.htmlおよびtemplate2.html) に別のファイルとして保持すると、機能しなくなります。

繰り返しますが、私のコードはチュートリアルとまったく同じです:

index.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>

template1.html

Content of template1.html

template2.html

Content of template2.html

script.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