Javascript Accordian UI.bootstrap angular未显示在项目中

HTML:

这两段代码完全是从他们的网站上截取的。库文件应该已经从其他程序员对我说的内容中下载了，我只是想知道这些文件是否在正确的位置，以及调用它们是否正确

截图

---

将模块声明更改为注入引导：

angular.module('ui.bootstrap.demo').controller('AccordionDemoCtrl', function ($scope) {
    $scope.oneAtATime = true;

    $scope.groups = [
        {
          title: 'Dynamic Group Header - 1',
          content: 'Dynamic Group Body - 1'
        },
        {
          title: 'Dynamic Group Header - 2',
          content: 'Dynamic Group Body - 2'
        }
    ];

    $scope.items = ['Item 1', 'Item 2', 'Item 3'];

    $scope.addItem = function () {
        var newItemNo = $scope.items.length + 1;
        $scope.items.push('Item ' + newItemNo);
    };

    $scope.status = {
        isFirstOpen: true,
        isFirstDisabled: false
    };
});

是一个工作版本

---

但您的控制台错误指向的是其他控制器，而不是您问题中的控制器，因此请将其添加到此处，或从您测试问题代码的应用程序中删除它。

您能否详细说明此错误是如何失败的？只是一张空白页？页面没有响应？您的javascript片段是整个

example.js

？如果是这样的话，看起来你是在引用一个不存在的

ui引导演示模块而不是创建它……你完全不应该在
和
标记之间有
标记，它应该在
中，据我记忆，你还必须在angularjs libs之前包含jquery，如果您专门在Angular旁边使用jQuery，那么只需首先包含它。在本例中，情况似乎并非如此，Angular在不加载jQuery的情况下运行良好（更好！）。
angular.module('ui.bootstrap.demo').controller('AccordionDemoCtrl', function ($scope) {
    $scope.oneAtATime = true;

    $scope.groups = [
        {
          title: 'Dynamic Group Header - 1',
          content: 'Dynamic Group Body - 1'
        },
        {
          title: 'Dynamic Group Header - 2',
          content: 'Dynamic Group Body - 2'
        }
    ];

    $scope.items = ['Item 1', 'Item 2', 'Item 3'];

    $scope.addItem = function () {
        var newItemNo = $scope.items.length + 1;
        $scope.items.push('Item ' + newItemNo);
    };

    $scope.status = {
        isFirstOpen: true,
        isFirstDisabled: false
    };
});

angular.module('ui.bootstrap.demo', ['ui.bootstrap']);