第一步 ；下载 bootstrap  jquery  ppper.js

npm install bootstrap@4.0.0-beta.2 jquery popper.js --save

第二步：

打开packge.json    看是否导入：

第三步：配置：到：angular-cli.json        -------dao  node.medles 中找到 bootstrap 包

 "styles.css"

        "../node_modules/bootstrap/dist/css/bootstrap.css"

      ],

      "scripts": [

        "../node_modules/jquery/dist/jquery.js",

        "../node_modules/popper.js/dist/popper.js",

        "../node_modules/bootstrap/dist/js/bootstrap.js"

      ],
 
 "styles.css"
  "../node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
  "../node_modules/jquery/dist/jquery.js",
  "../node_modules/popper.js/dist/popper.js",
  "../node_modules/bootstrap/dist/js/bootstrap.js"
],
												


											
angularjs 整合 bootstrap的更多相关文章
	

    
						
  1. angularjs 整合bootstrap 时间控件
		
    一.引入js <link href="${basePath}/static/plugin/bootstrap/css/bootstrap-datetimepicker.min.css& ...
    
		
    2. 
								
  2. ThinkPHP 整合Bootstrap Ajax分页
		
    ThinkPHP Ajax分页代码 publicfunction index() { $where=array(); $name = I('name'); if(!empty($name)){ $wh ...
    
		
    3. 
						
  3. Angularjs与bootstrap.datetimepicker结合实现日期选择器
		
    http://www.lovelucy.info/angularjs-best-practices.html http://damoqiongqiu.iteye.com/blog/1917971 ht ...
    
		
    4. 
						
  4. AngularJs + angular-ui-router + bootstrap  实现blog基础导航功能
		
    AngularJs + angular-ui-router + bootstrap 实现blog基础导航功能 核心代码如下 1.index.html <!DOCTYPE html> < ...
    
		
    5. 
						
  5. 【AngularJS】AngularJS整合Springmvc、Mybatis环境搭建
		
    近期想学习AngularJS的使用,网上搜了一圈后,折腾了半天解决bug后,成功使用AngularJS整合Springmvc.Spring.Mybatis搭建了一个开发环境.(这里Spring使用的版 ...
    
		
    6. 
						
  6. AngularJS中bootstrap启动
		
    对于一般的使用者来说,AngularJS的ng-app都是手动绑定到某个dom元素.但是在一些应用中,这样就显得很不方便了 绑定初始化 通过绑定来进行angular的初始化,会把js代码侵入到html ...
    
		
    7. 
						
  7. 新建一个angularjs+requirejs+bootstrap+typescript+gulp+vscode+git的项目
		
    环境 windows 10 准备工具 Visual Studio Code Node.js Git 需求 必须支持IE8 步骤开始: 执行命令行工具 mkdir Demo && cd  ...
    
		
    8. 
						
  8. angularjs封装bootstrap官网的时间插件datetimepicker
		
    背景:angular与jquery类库的协作 第三方类库中,不得不提的是大名鼎鼎的jquery,现在基本上已经是国内web开发的必修工具了.它灵活的dom操作,让很多web开发人员欲罢不能.再加上已经 ...
    
		
    9. 
						
  9. AngularJS(12)-BootStrap集成
		
    AngularJS 的首选样式表是 Bootstrap, Bootstrap 是目前最受欢迎的前端框架. <!DOCTYPE html> <html lang="en&qu ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. （7）random（随机模块）
			
    import random print(random.random()) #得到一个随机的数,但是随机的数的范围是(0,1),这里用小括号(开曲线)代表取不到0也取不到1,o-1之间只有小数,所以只能 ...
    
			
    2. 
						
  2. Python模块之virtualenvwrapper
			
    Python的virtualenv工具可以创建隔离的Python环境, virtualenvwrapper是virtualenv的进一步封装工具,可以让它更好用. 安装 Linux 系统下: pip  ...
    
			
    3. 
						
  3. vulcanjs schemas&& collections
			
    一张参考图 说明 从上图我们可以方便的看出schmea 能做的事情 Generate a GraphQL equivalent of your schema to control your Graph ...
    
			
    4. 
						
  4. SharePoint2010 安装时报“未能启动数据库服务 MSSQL$Sharepoint"解决办法
			
    对于已经安装sql server 的情况 今天装SharePointFoundation遇到“未能启动数据库服务 MSSQL$Sharepoint”搜了下有如下解决办法 “HKLM_Local_Mac ...
    
			
    5. 
						
  5. sql server 数字字符串的排序
			
    假如我们有这样的数据格式1#XXXXX 20#CCCCC等的一系列数据那么我们如何可以排序出1 ,2,3,4,5,6,7.......这样的数据呢 我们知道整数是可以排序成这样的格式的,但是字符串就不 ...
    
			
    6. 
						
  6. web 纯 javascript 的MVC 实现的简单实践
			
    现在javascript是越来越火了,好多javascript框架随之产生,大大简化了我们的开发,一般的开发模式大家是比较喜欢MVC 的model controller view 这种模式 方便了我们 ...
    
			
    7. 
						
  7. WINDOWS FTP命令详解
			
    FTP命令是Internet用户使用最频繁的命令之一,不论是在DOS还是UNIX操作系统下使用FTP,都会遇到大量的FTP内部命令.熟悉并灵活应用FTP的内部命令,可以大大方便使用者,并收到事半功倍之 ...
    
			
    8. 
						
  8. Anglarjs 工具方法
			
    Angularjs 常用方法 1. isArray使用 效果图如下,结果为true 2.uppercase使用 $scope.name = "zhangsan"; $scope.n ...
    
			
    9. 
						
  9. ！！！！！！！【unittest】unittest需要懂的的技术
			
    https://docs.python.org/2/library/unittest.html
    
			
    10. 
						
  10. PHP中文件类型 文件属性 路径以及 文件相关的函数
			
    一: 文件类型判断: 1.is_dir()  判断是不是目录 2.is_file() 判断是不是文件 3.is_executable() 判断是不是可执行文件 4.is_readable()  判断是 ...
    
			
    11.