angular js入门总结,bootstrap引入不成功等问题

Posted willianms

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了angular js入门总结,bootstrap引入不成功等问题相关的知识,希望对你有一定的参考价值。

  今天开始angular入门的第一天,遇到了不少坑,从网上百度到了大量资料,在这里我来做点总结。

首先是angular js 导入bootstrap没有效果的问题

技术分享图片

这里我通过 cnpm install bootstrap --save命令下载的最新的bootstrap4.0版本,jquery是3.3.1版本,这里的cnpm是淘宝镜像,也是通过

命令行替换的,我就不做介绍了。下载好了以后,我们需要打开.angular-cli.json目录,然后做如下修改

技术分享图片

注意这里的[email protected]@bootstrap。因为我们是通过cnpm下载的,所有和npm的有些不同,否则可能造成bootstrap没有效果的问题。

最后我们添加一个npm启动项目。。。。

技术分享图片

然后点运行,就可以看到一个超大的A字网页,我们的angular就算启动成功了。以上就是我初学angular总结的一些小坑,内容很乱,总结少许不到位,仅供参考参考。

 

以上是关于angular js入门总结,bootstrap引入不成功等问题的主要内容,如果未能解决你的问题,请参考以下文章

web前端入门到实战:HTML-JS中的单双引混合处理原则

将 bootstrap 模块和 ng2-select 模块集成到 angular2 5 分钟快速入门

协调 Angular.js 和 Bootstrap 表单验证样式

单击外部时隐藏Angular UI Bootstrap弹出窗口

Angular Js ui.bootstrap 选项卡自定义

Angular JS bootstrap ui日历问题