javascript - 将 Angular vm绑定(bind)到表的更简单方法

Closed. This question is opinion-based。它当前不接受答案。
                        
                    
                
            
        
            
        
                
                    
                
            
                
                    想改善这个问题吗？更新问题，以便editing this post用事实和引用来回答。
                
                    2年前关闭。
            
        

    

我正在创建一个表，并对视图模型中的每个项目重复此表，并正在寻找一种更简洁的方式编写此表。

<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>

任何建议都将对我有所帮助，因为我会首先涉足新项目。

最佳答案

Cleaner是非常主观的，但是如果您可以更简洁地做到这一点，则可以：

<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>

关于javascript - 将 Angular vm绑定(bind)到表的更简单方法，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45694463/