Javascript 使用angularjs通过几个html文件进行路由

我对所有的网络和编码都是新手，不仅仅是角度。很抱歉，如果这是显而易见的，我该如何处理大多数可能使用同一控制器的模板

我的想法是，我可以将html文件（我的幻灯片）的文件夹视为一个数组，并创建两个导航按钮，它们可以简单地在数组中来回移动

我试图实现这一目标的方法如下：

.when('/lesson1/slide/:slideCount', {

template : function($routeParams) {

return 'pages/lessons/lessons01/slide' + $routeParams.slideCount + '.html'

},

controller: 'lessonsCtrl'

})

但这只是在my ng视图中显示字符串“pages/lessons/lessons01/slide1.html”，而不是放入该文件中的html。我也试过了

.config(function ($routeProvider, $routeParams) ...

templateUrl: 'pages/lessons/lessons01/slide' + $routeParams.slideCount + '.html'

这张幻灯片每次都会显示一个空白的ng视图，而不仅仅是我试图处理html幻灯片的那个。有没有其他可行的方法？所有这些的最终目标是创建一个更具互动性的powerpoint类型的演示文稿，我可以将其发布到web上。希望这是有道理的

---

更新：幻灯片上的内容将是一对图片、延时或点击显示的几块文本以及一个音频剪辑。最后，我还想添加一种在这些幻灯片中录制和播放音频的方法，但当我到达那里时，我将跨越这一桥梁。

您只需将一个函数传递给

templateUrl

，而不是一个字符串：

$routeProvider.when('/lesson1/slide/:slideCount', {
  templateUrl: function($routeParams) {
    return 'pages/lessons/lessons01/slide' + $routeParams.slideCount + '.html';
  },
  // ...
});

---

根据所有这些html文件中的数据的外观（考虑到它们可能都使用同一个控制器），您可以尝试将数据移动到json对象中。如果可能的话，这会让事情变得更简单，但我还没有做太多。今天我将在w3schools等网站上查找更多关于json的信息。更新了问题和幻灯片内容。@Dooke67告诉Johnny先生我打个招呼