Angularjs 为什么选择模块&x27;ui.bootstrap';没有吗?

Angularjs 为什么选择模块&x27;ui.bootstrap';没有吗?,angularjs,twitter-bootstrap,angular-ui-bootstrap,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,我正在尝试这个简单的教程来尝试UI引导: 但是我遇到了两个问题 SyntaxError:预期表达式,获得“请确保在应用程序中正确加载了ui-bootstrap-1.3.3。 请在下面找到可用的plunker: 您缺少ui引导tpls.js文件 在页面中添加此文件 参见示例在我的例子中,在一个遗留应用程序(AngularJS 1.3)中,这是因为我将AngularUI引导程序放在bower.js而不是package.js中 在我把它放到package.js,运行npm安装,复制到某个源目录,并添

我正在尝试这个简单的教程来尝试UI引导:
但是我遇到了两个问题


SyntaxError:预期表达式,获得“请确保在应用程序中正确加载了
ui-bootstrap-1.3.3

请在下面找到可用的plunker:


您缺少
ui引导tpls.js
文件

在页面中添加此文件


参见示例

在我的例子中,在一个遗留应用程序(AngularJS 1.3)中,这是因为我将
AngularUI引导程序
放在
bower.js
而不是
package.js

在我把它放到
package.js
,运行
npm安装
,复制到某个源目录,并添加到导入中之后,它工作了

.config(['$tooltipProvider', function ($tooltipProvider) { ...
不过,这可能不是正确的方法。
我认为应该从
bower\u模块
导入

但是,Bower主机不再工作,尝试通过
Bower安装
安装失败,HTTP 502

还有,奇怪的是,除非我注册了一个提供商,否则它就起作用了:

这样,Angular开始抱怨说,
“$tooltipProvider”
未知


希望这能有所帮助,尽管我对旧AngularJS不太了解,所以将其视为可能的普通解决方案。

似乎是ui引导中的一个错误。对于第二个错误,您需要安装ui引导并将其包含在项目中。@neha soni install?下载js文件并通过script标记添加它还不够吗?有没有什么独立安装的东西?是的,都一样。我的错误。您可以尝试添加不同的ui引导文件,这意味着从其他地方下载。ui.bootstrap.js是否加载?你能看到chrome调试器中的js文件吗?我找到了一个快速修复方法。在我的系统上下载的文件似乎不起作用。但是如果我指的是链接:
,它可以工作。所以现在我刚刚替换了uibootstarp导入行。其余的进口货物都是原样,你的问题解决了。如果答案对您有帮助,请更正。但是,请您提供帮助,为什么复选框或折叠没有按预期工作。在教程网站上,如果我们选中/取消选中任何项目,json输出中会立即反映出相同的内容。类似地,对于折叠,输出将更改为true/false,但此处的内容不会折叠,但在教程网站上,其工作状态非常好。有什么想法吗?请找到更新的plunker:浏览文档。他们有很好的记录片,但仍然是一样的。这些变化没有反映出来。还有塌陷不起作用吗??
angular.module('app', ['ngAnimate', 'ngTouch', 'ui.bootstrap'])

.controller('mainController', function($scope) {

  // BUTTONS ======================

  // define some random object
  $scope.bigData = {};

  $scope.bigData.breakfast = false;
  $scope.bigData.lunch = false;
  $scope.bigData.dinner = false;

  // COLLAPSE =====================
  $scope.isCollapsed = false;

});
import '../js/dependencies/ui-bootstrap-tpls-0.14.3.min'
import '../bower_components/angular-ui-bootstrap/???';
.config(['$tooltipProvider', function ($tooltipProvider) { ...