2014-02-24 48 views
4

我想使用这个项目https://github.com/ngbp/ngbp但Twitter的Bootstrap 3.我找不到任何文章如何做到这一点。难道是因为:角度样板和Twitter引导3

  1. 它不能做
  2. 它不应该做的
  3. 我是世界上唯一一个谁愿意做这
  4. 还有其他更好的办法去做。

恐怕使用Twitter Bootstrap 2.3.2这个样板代码自带的是旧的。我对吗?

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

+0

它使用了一个非常老的UI-bootstrap版本。看起来他可以使用拉取请求以及一些急需的更新。也许我会深入挖掘那个今晚。 – HackedByChinese

+0

这是角度+自举的更好选择:https://github.com/yeoman/generator-angular –

+0

@NathanielJohnson这是否使用Twitter引导程序3 – LuckyLuke

回答

7

我认为使用Yeoman良好的做法来搭建新项目。使用Yeoman的优势在于它创建了Grunt(一种构建工具)和Bower(一种依赖管理工具)所使用的更多神秘文件。 Angular有一个generator。它将允许你选择一个好的工作库集合,创建项目,并添加更多的组件,这些组件稍后需要。 Yeoman实际上只是Grunt + Bower,然后Yo - 一个用于剔除项目骨架的工具。好的是,你可以在创建你的项目后继续添加Angular组件,它会更新你的配置文件,让你玩弄结构。

如果您想使用Bootstrap 3,我建议您查看Angular-Bootstrap,它是Angular UI项目组的一部分。 Angular Bootstrap包含Bootstrap的一部分,它是javascript,但被重写为使用角度样式指令.CSS和图标必须仍然包含在正常的引导库中。在Angular-UI自述文件中提供了包含Bootstrap CSS和一些很好的示例的说明。

更新这是一个bower.json的样子。注意bootstrap是单独包含的。这是因为bootstrap css是一个独立的依赖项,所以无论何时bootstrap都需要更新angular-ui。

{ 
    "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" 
    } 
} 
+0

我可能很愚蠢,但使用角度发生器后,我找不到任何Bootstrap 3的东西?它是否正确?生成该项目后应该怎么做?我应该添加'bower install angular-bootstrap'和'bower install bootstrap'吗?我在那之后完成了吗? – LuckyLuke

+0

是的,有角度的UI需要你添加bootstrap.css文件(但不是js)。 github自述文件具有如何添加它。我只是把它放在我的bower.json文件中。我会给你一个关于我的bower文件的存根。 –

+0

在我回答之前,我可能应该查看您的个人资料。我也来自java背景,我很难过渡到Node/Angular javascript思维方式。每个工具都有相当丰富的学习曲线,而JS异步代码是一个习惯使用的贱人。我希望我澄清一点,但让我知道,我会尽我所能帮助。 –