简体繁体 English

将AngularJs添加到Bootstrap主题

[英]Adding AngularJs to a Bootstrap Theme

原文 2016-01-10 01:14:28 6 2 javascript/ jquery/ angularjs/ twitter-bootstrap

I am using a certain Bootstrap Theme purchased from ThemeForest for building a Web Application Project. 我正在使用从ThemeForest购买的某个Bootstrap主题来构建Web应用程序项目。

To be specific the theme referred to is - http://themeforest.net/item/modern-responsive-admin-dashboard-template/11004840 具体而言，所指主题是-http://themeforest.net/item/modern-sensitive-admin-dashboard-template/11004840

I have already completed the Frontend using that theme. 我已经使用该主题完成了前端。 Now when I start adding in the backend and integrating, I feel it might be more effective to use AngularJS than use Jquery to manipulate the DOM and the objects. 现在，当我开始添加后端并进行集成时，我觉得使用AngularJS可能比使用Jquery操纵DOM和对象更有效。

Can I just start using AngularJS for the dom manipulations in the same project? 我可以在同一个项目中开始使用AngularJS进行dom操作吗？ Or will I be facing any problems? 还是我会遇到任何问题？ I would like to check if there will be any conflicts arising out of me using both together ? 我想检查一下我将两者一起使用是否会引起冲突？

If there are any tutorials, please refer that to me. 如果有任何教程，请参考给我。 Thanks 谢谢

2 个解决方案

You will have no problems at all. 您将没有任何问题。 If you're looking for examples of open source AngularJS projects which used Bootstrap, there are multitudes. 如果您正在寻找使用Bootstrap的开源AngularJS项目的示例，那么这里有很多。 Here's one of my own over on Github: https://github.com/JohnMunsch/PaperQuik 这是我自己在Github上的作品之一： https : //github.com/JohnMunsch/PaperQuik

Note: In addition to being able to just use the two together, there's also projects like Angular Strap which provide Angular directives to wrap the various components (both JavaScript and not) provided by Bootstrap and make it easier to integrate them into your AngularJS code. 注意：除了可以将两者一起使用外，还有Angular Strap之类的项目，它们提供Angular指令来包装Bootstrap提供的各种组件（包括JavaScript和不包括JavaScript），并使它们更易于集成到AngularJS代码中。

Angular and bootstrap are 100% compatible. Angular和bootstrap是100％兼容的。 Just add the script tag for angular into your bootstrap project and you have a hybrid angular bootstrap project. 只需将angular的脚本标签添加到您的bootstrap项目中，您就会获得一个混合的angular bootstrap项目。