Question

我是Angularjs的新手，对如何做我想做的事没有直觉。

我有一个显示一堆属性的部分。如果模型不包含该属性，则通过AngularUi的ui删除该项目 - 如果是这样的话。

<div class="row-fluid">
    <div class="span3" ui-if="!!model.Prop1">Prop1: {{ model.Prop1 }}</div>
    <div class="span3" ui-if="!!model.Prop2">Prop2: {{ model.Prop2 }}</div>
    <div class="span3" ui-if="!!model.Prop3">Prop3: {{ model.Prop3 }}</div>
    <div class="span3" ui-if="!!model.Prop4">Prop4: {{ model.Prop4 }}</div>
</div>

我想要做的是，例如，如果两个属性为空，则使引导程序跨越span6。基本上我希望它为实际拥有数据的属性均匀地分割span12并删除其他属性。 ui-if会很好地从dom中删除空属性，但是现在如何调整span<x>？

Answer 1

您可以使用ng-class或只是插入类属性：

<div class="span{{number}}" ui-if="!!model.Prop1">Prop1: {{ model.Prop1 }}</div>

在控制器中你会这样做：

$scope.number = 6;

当然，设置$scope.number的逻辑比设置它更复杂，并且应该位于Controller。

如何使用Angularjs重新启动Bootstrap span <x>？</x>

1 个答案: