第一步 ；下载 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. 前端学习——jquery操作例子
			
    一.jquery和DOM函数的转换 . jquery转换成dom $(] . dom转换成jquery var i1=documen.getElementById('#i1')---------> ...
    
			
    2. 
						
  2. vulcanjs 简单package 编写
			
    vulcanjs 功能是以包进行管理,包里面包含了运行依赖的组件以及对于路由的注册 参考项目 项目结构 ├── README.md ├── license.md ├── package-lock.js ...
    
			
    3. 
						
  3. ORA-01791: not a SELECTed expression
			
    Student表有3个字段:id,name,age 看这两个SQL语句 (1)select name from student order by id; (2)select distinct(name ...
    
			
    4. 
						
  4. C# 线程会合实例
			
    有这样一个题目:四个线程t1,t2,t3,t4,向4个文件中写入数据,要求:t1只能写入“1”,t2只能写入“2”,t3只能写入“3”,t4只能写入“4”,对4个文件A,B,C,D写入如下内容: A: ...
    
			
    5. 
						
  5. C语言利用SMTP协议发送邮件
			
    #ifdef WIN32 #include <windows.h> #include <stdio.h> #else #include <stdio.h> #inc ...
    
			
    6. 
						
  6. PHP开源的项目管理软件
			
    禅道 http://devel.zentao.net/help-book-zentaophphelp.html PHP session详讲 http://blog.163.com/lgh_2002/b ...
    
			
    7. 
						
  7. 监控分析——Web中间件
			
    发现 中间件监控看是否有性能瓶颈 核心:主要看中间件的线性池进程池有没有排队情况,请求是否处理及时就OK Apache 以前php都是用apache,现在基本用nginx了. 首先自己启动apache ...
    
			
    8. 
						
  8. hadoop之 Yarn 调度器Scheduler详解
			
    概述 集群资源是非常有限的,在多用户.多任务环境下,需要有一个协调者,来保证在有限资源或业务约束下有序调度任务,YARN资源调度器就是这个协调者. YARN调度器有多种实现,自带的调度器为Capaci ...
    
			
    9. 
						
  9. weexpack 使用
			
    weexpack 的github地址:https://github.com/weexteam/weex-pack weex-toolkit: 初始化的项目是针对开发单个 Weex 页面而设计的,也就是 ...
    
			
    10. 
						
  10. 百度,谷歌,360,搜狗,神马等蜘蛛IP段
			
    https://www.imydl.com/wzjs/5971.html 记得3月份的时候明月分享过一篇[站长必备:百度.谷歌.搜狗.360等蜘蛛常见IP地址]的文章,好像一直都受到了众多站长们的关注 ...
    
			
    11.