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>

私がやりたいことは、たとえば、2 つのプロパティが空の場合、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 に答える