我可以看到这一点只有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>
似乎它很容易实现,这让我觉得其他人已经这样做了(或者由于某些原因它不值得(可能会有性能损失?)
有人已经这样做了吗?
如果没有,是否有理由我不应该自己实施?
答案 0 :(得分:0)
有几个Angular + Bootstrap项目,突出的项目是AngularStrap和UI Bootstrap,我很确定你已经知道它们了。当然,它们提供自定义指令,但仅适用于需要它的东西(即Bootstrap JS组件)。
似乎很容易实现,这让我想到了 其他人已经这样做了(或者说它不值得 某种原因(可能会有性能受损?)
除了不必要的性能开销之外,它还会大大降低Bootstrap作为前端框架的价值 - 这是你已经通过的学习曲线。
在这方面有一些进展 - 例如angular-deckgrid,但我不知道任何雄心勃勃,全面(面向网络)的框架,如Bootstrap或Angular Material。
为自己定制自定义语法会更有意义。你可以看一下ui-alias(ui-tools的一部分)。它在当前状态下是僵化的,但它是指令智能方法的一个很好的例子。并且可以轻松扩展以使类到属性和元素的映射变得轻而易举。