第一步 ；下载 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. bitset与取数凑数类问题
			
    bitset是C++中的一个东西,定义在头文件#include<bitset>里 所以可以使用#include<bitset>解决取数类的问题https://www.nowco ...
    
			
    2. 
						
  2. setTimeout设置为0的作用
			
    调用方式:iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage])功能:Evaluates an expression afte ...
    
			
    3. 
						
  3. 偶尔用得上的MySQL操作
			
    数据库编码 查看数据库编码 use xxx show variables like 'character_set_database'; 切换数据库编码 alter database xxx CHARA ...
    
			
    4. 
						
  4. Python模块之virtualenvwrapper
			
    Python的virtualenv工具可以创建隔离的Python环境, virtualenvwrapper是virtualenv的进一步封装工具,可以让它更好用. 安装 Linux 系统下: pip  ...
    
			
    5. 
						
  5. dbt 包依赖简单测试
			
    dbt 包含一个自己的包管理,可以使用git 等工具,还是很方便的,可以方便的进行代码共享,实现复用 创建简单包 实际上就是一个简单的dbt 项目,参考项目 https://gitlab.com/da ...
    
			
    6. 
						
  6. 手动配置SVN服务
			
    现在理论上是不用手动添加,娘的一路下一步总是有问题,备份一个. 1 安装svnservice(是一个服务)    a 在Windows NT中本身包含了一个安装服务的工具"Service C ...
    
			
    7. 
						
  7. Spring Cloud 入门 之 Zuul 篇（五）
			
    原文地址:Spring Cloud 入门 之 Zuul 篇(五) 博客地址:http://www.extlight.com 一.前言 随着业务的扩展,微服务会不对增加,相应的其对外开放的 API 接口 ...
    
			
    8. 
						
  8. 【Reporting Services 报表开发】— 如何设置报表分页列标题每一页都显示
			
    一.打开已经开发好的报表ReportTest,选择列组下的高级模式—>选择行组的静态(会关联列标题订单编号),修改下面的属性: 1.Hidden:False 2.FixedData:True 3 ...
    
			
    9. 
						
  9. Javascript之类型检测（一）
			
    js中有7种内置类型,这7种类型又分为2大类:基本数据类型和对象(object) 一.检测原始(基本数据:字符串.数字.布尔.null.undefined.symbol)类型. 用typeof检测原始 ...
    
			
    10. 
						
  10. 用pyenv 和 virtualenv 搭建单机多版本python 虚拟开发环境
			
    作为主流开发语言, 用python 开发的程序越来越多. 方便的是大多linux系统里面都默认集成了python, 开发可以随时随地开始. 但有时候这也成为了一个短板, 比如说有时候我们需要开发和调试 ...
    
			
    11.