Question

我正在为我的viewmodel中的每个项创建一个表并重复它，并且正在寻找一种更清晰的方式来编写它。

<div class="row">
    <div class="col-lg-4" ng-repeat="x in vm.visibleOptions">
        <table>
            <tr>
                <td colspan="2">
                    Option <span ng-bind="x.OptionNumber"></span> - <span ng-bind="x.OptionName"></span>
                </td>
            </tr>
        </table>
    </div>
</div>

任何建议都会有所帮助，因为我先想到一个新项目的角度。

Answer 1

清洁工非常主观，但如果你能用以下方式更简洁地做到：

<div class="row">
    <div class="col-lg-4" ng-repeat="x in vm.visibleOptions">
        <table>
            <tr>
                <td colspan="2">
                    Option {{x.OptionNumber}} - {{x.OptionName}}
                </td>
            </tr>
        </table>
    </div>
</div>

然后还将ng-cloak的CSS添加到index.html文件中。

<style>
        [ng\:cloak],
        [ng-cloak],
        [data-ng-cloak],
        [x-ng-cloak],
        .ng-cloak,
        .x-ng-cloak {
            display: none !important;
        }
    </style>

更清洁的方式将角vm绑定到表

1 个答案: