1

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

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

<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>'s 呢？

4

1 回答 1

1

您可以使用ng-class或者您只需插入 class 属性：

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

在控制器中你会这样做：

$scope.number = 6;

当然，设置的逻辑$scope.number会比设置更复杂，并且应该驻留在Controller中。

于 2013-03-19T17:35:09.970 回答