angular1 bootstrap在angular2中不支持

我正在将AngularJS应用程序转换为Angular 2 application.Bootstrap功能在Angular 2中不适用，AngularJS中使用了AngularJS。是否有任何其他的Angular 2引导选项？angular1 bootstrap在angular2中不支持

<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">OrangeTestDefaultActivity<span class="caret"></span></a> 
    <ul class="dropdown-menu"> 
    <li><a ng-click="handle_url('Screen_1050')">Label</a></li> 
    <li><a ng-click="handle_url('Screen_1100')">Become</a></li> 
    </ul> 
    </li>

来源

2016-12-14 Naveen Kumar

https://ng-bootstrap.github.io –

正常的引导是不是在[如何角2项目中使用CSS自举图书馆angular2 –

可能重复的工作？ ]（http://stackoverflow.com/questions/36292438/how-to-use-bootstrap-css-library-in-angular-2-project） –

索引中的HTML文件，导入

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

来源

2016-12-15 23:27:15

与Angular2的整合也可以通过NG2的自举项目： https://github.com/valor-software/ng2-bootstrap

要安装它，只需将这些文件放在你的主HTML页面：

<script src="https://cdnjs.cloudflare.com/ajax/libs/ng2-bootstrap/x.x.x/ng2-bootstrap.min.js"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

然后你可以用它到你的组件是这样的：

import {Component} from 'angular2/core'; 
import {Alert} from 'ng2-bootstrap/ng2-bootstrap'; 
@Component({ 
    selector: 'my-app', 
    directives: [Alert], 
    template: `<alert type="info">ng2-bootstrap hello world!</alert>` 
}) 
export class AppComponent { 
}

来源

2017-05-02 11:06:50

angular1 bootstrap在angular2中不支持

回答

相关问题