Angular UI Bootstrap什么都不做(没有错误,没有工作)

时间:2015-10-09 12:08:22

标签: angular-ui-bootstrap

我正在尝试使用Angular UI Bootstrap:

我做了以下事情:

  • 使用bower安装它:-(instancetype)init { self = [super init]; return self; } -(void)excute { NSMutableDictionary *params = [[NSMutableDictionary alloc] init]; [serverObj BoatSaleParams:params]; } - (void)serverDidReceiveResponse:(NSDictionary *)response { NSLog(@"Response: %@", response); } - (void)serverDidReceiveError:(NSError *)error { NSLog(@"Error: %@", error); UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"Message" message:@"An error occured while retrieving the data, please try again later." delegate:nil cancelButtonTitle:@"Ok" otherButtonTitles:nil, nil]; [alertView show]; } @end
  • 将其包含在js:bower install angular-bootstrap
  • 添加样式:var myapp = angular.module('myApp', [ 'ui.bootstrap' ]);

包含Bootstrap 3 CSS,.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }返回" 2.1.4",所以它不应该使用jqlite。

当我添加例如:

angular.element.fn.jquery

到我的模板,没有任何反应。当我添加其他bootstrap ui示例时,它也没有做任何事情。 没有javascript错误。 我的angular.js版本是1.4.1。

我还能做错什么?我是否必须对我的控制器做些什么?

2 个答案:

答案 0 :(得分:3)

请确保您使用的是最新版本的ui-bootstrap。 我将此答案添加为有此问题的人的快速参考:

tooltip属性(指令)从ui-bootstrap 0.13.X中的tooltip更改为uib-tooltip版本0.14.0及更高版本。

如果由于某种原因您无法使用最新版本(目前为1.2.X),请使用tooltip指令并始终在以下位置检查您的ui-bootstrap版本的文档:

ui bootstrap

答案 1 :(得分:0)

确保凉亭套餐(如果你正在使用的是

  

角自举

而没有别的;有一个类似的错误。

查看他们自己的示例页面,这是包含angular和ui-bootstrap脚本的顺序:

<head>
<script type="text/javascript" src="lib/angular/angular.js"></script>
<script type="text/javascript" src="lib/angular-resource/angular-resource.js"></script>
<script type="text/javascript" src="lib/angular-route/angular-route.js"></script>
<script type="text/javascript" src="lib/angular-touch/angular-touch.js"></script>
<script type="text/javascript" src="lib/angular-animate/angular-animate.js"></script>
<script type="text/javascript" src="lib/angular-bootstrap/ui-bootstrap.js"></script>
</head>

<!-- Bootstrap -->
<link href="lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="lib/bootswatch/yeti/bootstrap.min.css" rel="stylesheet" />

<!-- Custom stylesheet -->
<link href="css/main.css" rel="stylesheet" />

然后在Web浏览器控制台中检查JS错误(我使用Chrome)。