javascript - Angular 样板和 Twitter Bootstrap 3

Question

我正在尝试使用这个项目 https://github.com/ngbp/ngbp但是使用 Twitter Bootstrap 3。我找不到关于如何做到这一点的帖子。是不是因为:

1. 做不到
2. 不应该这样做
3. 我是世界上唯一想这样做的人
4. 还有其他更好的方法可以做到这一点。

我担心使用 Twitter Bootstrap 2.3.2 作为样板代码已经过时了。我说得对吗？

我曾尝试自己修复它，但我放弃了 JavaScript 脚本和错误的丛林世界，它们必须以绝密顺序组合在一起，也许如果你幸运的话，你不会遇到错误。请帮我。

Answer 1

我考虑使用 Yeoman搭建新项目的良好实践。使用 Yeoman 的优势在于它创建了 Grunt(一种构建工具)和 Bower(一种依赖管理工具)使用的更神秘的文件。有一个generator对于 Angular 。它将允许您选择一组好的工作库，创建项目，并添加您以后发现需要的更多组件。 Yeoman 实际上只是 Grunt+Bower，然后是 Yo - 用于删除项目骨架的工具。好处是你可以在创建项目后继续添加 Angular 组件，它会更新你的配置文件，让你可以玩转结构。

如果您想使用 Bootstrap 3，我建议您查看 Angular-Bootstrap这是 Angular UI 的一部分项目组。 Angular Bootstrap 包含 Bootstrap 的 javascript 部分，但被重写为使用 angular 样式指令。CSS 和图标仍必须包含在内，并且可以在普通的 bootstrap 库中找到。包含 Bootstrap CSS 和一些很棒的说明 plunker Angular-UI 自述文件中提供了示例。

更新 下面是 bower.json 的样子。请注意，bootstrap 是单独包含的。这是因为 bootstrap css 是一个单独的依赖项，因此 angular-ui 不需要在 bootstrap 时更新。

{
    "name": "test",
    "version": "0.0.1",
    "ignore": [
        "**/.*",
        "node_modules",
        "lib",
        "test",
        "tests"
    ],
    "dependencies": {
        "angular": "latest",
        "angular-route": "latest",
        "angular-bootstrap": "latest",
        "angular-ui-utils": "latest",
        "bootstrap": "latest",
    },
    "devDependencies": {
        "angular-mocks": "latest",
        "angular-scenario": "latest"
    }
}