1

インデックスページにボタンのリストがあります。

ボタンごとにボタンクリックイベントがあります。

ボタンをクリックすると、ビューをロードする必要があります

index.html に ng-view セクションがあり、ボタンのクリック時に新しいビュー テンプレートをロードする必要があります

以下のコードを見つけてください：

<div class="container ">
  <div class="panel panel-primary ">
    <div class="panel-heading" style="padding-bottom: 18px;">
    </div>
    <div class="panel-body" style="height: 100%;">
      <table>
        <tr>
          <td style="width: 22%;">
            <div class="btn-group" ng-controller="MainContoller">
              <h4 style="color: blue; font-family: 'Comic Sans MS'; text-align: center;">Demos</h4>
              <br />
              <button type="button" class="btn btn-primary">Traditional</button>
              <button type="button" ng-click="ChangeView()" class="btn btn-primary">1-Way Data Binding</button>
              <button type="button" class="btn btn-primary">2-Way Data Binding</button>
            </div>
          </td>
          <td rowspan="10" style="text-align: center; vertical-align: middle;">
            <div style="border-style: solid; border-width: thin; border-color: aquamarine; vertical-align: middle;" ng-view="">
            </div>
          </td>
        </tr>
      </table>
    </div>
  </div>
</div>

コントローラー

DemoControllers.controller('MainContoller', function ($scope, $location) {
    $scope.ChangeView = function () {
        $location.url('1WayDataBinding');
    }
});

ボタンをクリックすると、メインコントローラーにヒットし、Chageビュー関数も呼び出されますが、ng-viewセクションでビュー1WayDataBinding.htmlをロードしていません

どこが間違っているのか教えてください

4

1 に答える 1

3

次のように追加するのを逃しましたrouting configuration。以下を追加して確認してください。

DemoControllers.config(function($routeProvider) {
  $routeProvider.when('/1WayDataBinding', {
    templateUrl: '1WayDataBinding.html'
  });
});
于 2014-11-21T15:43:35.750 に答える