Angular ng-if 和改变 Twitter Bootstrap col-sm
发布于2022-09-24 11:14 阅读(1168) 评论(0) 点赞(10) 收藏(2)
好的，这里是代码：左块右块
如果屏幕小或宽，它会在屏幕左侧显示左块，在屏幕右侧显示右块。它在左侧块下方显示小于小屏幕的右侧块（作为两个简单的潜水）。这很清楚。
我想将 ng-if="boolValue" 用于右块，这样当它被隐藏时，左块就在屏幕中间，而不是在左边。
最好的方法是什么？
<div class="row">
<div class="col-sm-6">
left block in the center
</div>
<div class="col-sm-6" ng-if="boolValue">
when right block is hidden because of falsy boolValue
</div>
</div>
实现它的技术是什么？我想到的最好的事情是使用 ng-if 像这样的东西：
<div class="row">
<div class="col-sm-12" ng-if="!boolValue">
left block in the center
</div>
<div class="col-sm-6" ng-if="boolValue">
left block in the center <the same content as above>
</div>
<div class="col-sm-6" ng-if="boolValue">
when right block is hidden because of falsy boolValue
</div>
</div>
但我认为这不是正确和最好的方法。
解决方案
<div class="row">
<div ng-class="{'col-sm-12': !boolValue, 'col-sm-6': boolValue}" ng-if="!boolValue">
left block in the center
</div>
<div class="col-sm-6" ng-if="boolValue">
when right block is hidden because of falsy boolValue
</div>
</div>
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/423237/4224f0be8ad0cf6f620b/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力