2016-02-05 75 views
0

我对AngularJS 1.5和Boostrap.js有一些兼容性问题。Angularjs 1.5 vs boostrap.js兼容性

我尝试了一些没有成功的版本。我创建了一个plunkr来举例说明typeahead输入不起作用。

<input type="text" ng-model="selected" uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control"> 

plunkr example

+1

应使用角UI而不是AngularJS。 https://angular-ui.github.io/bootstrap/ –

+0

使用旧版本的angular-ui-bootstrap,并注意当前版本未针对角度1.5进行测试。也摆脱bootstrap.js。 – charlietfl

+0

我创建了一个新版本,它也不起作用。 [PLUNKR UPDATE](http://plnkr.co/edit/cRAyYBCRCvbSX2ByPKyQ?p=preview) – John

回答

1

您需要进行两处更改您的代码:

    中的script.js

变化

var scotchApp = angular.module('scotchApp', ['ngRoute']); 

var scotchApp = angular.module('scotchApp', ['ngRoute', 'ui.bootstrap']); 
  • 在home.html做为,
  • 变化

    typeahead="state for state in states... 
    

    uib-typeahead="state for state in states... 
    
    +0

    非常感谢你,这工作! – John