2017-05-31 96 views
3

我想用我的角度项目使用引导选择,但它并没有出现。引导选择不显示

<link rel="stylesheet" type="text/css" href="bower_components/font-awesome/css/font-awesome.min.css"> 
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css"> 
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap-select/dist/css/bootstrap-select.min.css"> 
<link rel="stylesheet" type="text/css" href="bower_components/angular-material/angular-material.min.css"> 

而对于js文件:

<script type="text/javascript" src="bower_components/angular/angular.min.js"></script> 
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script> 
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="bower_components/bootstrap-select/dist/js/bootstrap-select.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-cookies/angular-cookies.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-animate/angular-animate.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-aria/angular-aria.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-cookies/angular-cookies.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-ui-router/release/angular-ui-router.min.js"></script> 
<script type="text/javascript" src="bower_components/ng-file-upload/ng-file-upload.min.js"></script> 
<script type="text/javascript" src="bower_components/angular-material/angular-material.min.js"></script> 

这是从应用到选择项目的唯一规则

我的依赖与凉亭安装引导选包后引导 - 选择CSS样式表。

select.bs-select-hidden,select.selectpicker display:none!important; }

是其他一些软件包打破它?

谢谢

我的版本角:1.6.2,引导:3.3.7,引导选:1.12.2

+0

html是什么样的?你的CSS将显示设置为无。我希望它不显示.... – sn3ll

+0

的HTML是从自举选 '的默认实例<选择类= “selectpicker”> ' CSS的不是我的,它是select-bootstrap css,应用于html的唯一规则是没有显示的规则。指向[bootstrap-select]的链接(https://silviomoreto.github.io/bootstrap-select/) –

回答

0

最近我有同样的问题,我所做的就是:

1)下载引导程序 - 从SilvioMoreto Git中选择; 2)从bootstrap-select/js复制bootstrap-select.js;
3)将该文件粘贴到您的项目javascripts目录中;
4)链接项目头文件的路径;

它为我工作,希望它有帮助!