Angularjs 如何使用ng view在单击按钮时加载新的视图模板

我在索引页中有一个按钮列表

每个按钮都有一个按钮点击事件

当我点击按钮时，我需要加载一个视图

我的index.html中有一个ng视图部分，需要在单击按钮后加载新的视图模板

请查找以下代码：

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

当我点击按钮时，它正在点击主控制器并调用Chage view函数，但它没有在ng view部分加载view 1WayDataBinding.html

---

请建议我哪里出了问题

您没有添加

路由配置

，如下所示。请添加以下内容并进行检查

DemoControllers.config(function($routeProvider) {
  $routeProvider.when('/1WayDataBinding', {
    templateUrl: '1WayDataBinding.html'
  });
});

---

我猜，您错过了添加路由器配置。。。DemoControllers.config（函数（$routeProvider）{$routeProvider.when（'/1WayDataBinding'，{templateUrl:'1WayDataBinding.html'}）；}）；正是……我确实错过了……非常感谢您指出……好的，欢迎……我已经添加了与答案相同的内容。。

DemoControllers.config(function($routeProvider) {
  $routeProvider.when('/1WayDataBinding', {
    templateUrl: '1WayDataBinding.html'
  });
});