使用Angular Directives用HTML标记替换Bootstrap类分配

时间:2015-04-20 17:39:57

标签: angularjs twitter-bootstrap

我可以看到这一点只有AngularUI discussion ......

我想知道是否有其他人已经实现了Angular指令,这些指令允许我替换像这样的传统Bootstrap负载标记

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span4 offset2">
    </div>
  </div>
</div>

更容易阅读,以元素为中心,与此类似的标记

<container-fluid>
  <row>
    <column span4 offset2>
    </column>
  </row>
</container-fluid>

似乎它很容易实现,这让我觉得其他人已经这样做了(或者由于某些原因它不值得(可能会有性能损失?)

有人已经这样做了吗?

如果没有,是否有理由我不应该自己实施?

1 个答案:

答案 0 :(得分:0)

有几个Angular + Bootstrap项目,突出的项目是AngularStrapUI Bootstrap,我很确定你已经知道它们了。当然,它们提供自定义指令,但仅适用于需要它的东西(即Bootstrap JS组件)。

  

似乎很容易实现,这让我想到了   其他人已经这样做了(或者说它不值得   某种原因(可能会有性能受损?)

除了不必要的性能开销之外,它还会大大降低Bootstrap作为前端框架的价值 - 这是你已经通过的学习曲线。

在这方面有一些进展 - 例如angular-deckgrid,但我不知道任何雄心勃勃,全面(面向网络)的框架,如Bootstrap或Angular Material。

为自己定制自定义语法会更有意义。你可以看一下ui-alias(ui-tools的一部分)。它在当前状态下是僵化的,但它是指令智能方法的一个很好的例子。并且可以轻松扩展以使类到属性和元素的映射变得轻而易举。