javascript - ng-repeat 不渲染最后两个 div

标签 javascript html angularjs

在下面的代码中,ng-repeat 中的最后一个 div 根本没有渲染,并且最后一个 div 被抛出 ng-repeat 之外,我不知道这段代码有什么问题,请任何人在这里找到错误

<div class="col_xs12 no_side_padding">
    <div class="col_xs12 heading2 no_side_padding">
        <div class="no_side_padding borderstyle">
            Account Number
        </div>
        <div class="no_side_padding borderstyle">
            Account Name
        </div>
        <div class="no_side_padding borderstyle">
            Account Type
        </div>
        <div class="no_side_padding borderstyle">
            Bank Name
        </div>
        <div class="no_side_padding borderstyle">
            Category 
        </div>
        <div class="no_side_padding borderstyle">
            Manipulate
        </div>
    </div>
    <div class="col_xs12 no_side_padding">
        <div class="col_xs12 no_side_padding datadiv" ng-repeat="account in Accounts">
            <div class="no_side_padding borderstyle">
                <input type="checkbox" ng-model="account.isMarked" ng-checked=account.isMarked>
                <span ng-bind="account.accountNo"></span>
            </div>
            <div class="no_side_padding borderstyle" ng-bind="account.accountName">

            </div>
            <div class="no_side_padding borderstyle">
                <span ng-if="account.accountType=='1'">Savings Bank(SB)</span>
                <span ng-if="account.accountType=='2'">Current Account(CA)</span>
                <span ng-if="account.accountType=='3'">Fixed Deposit(FD)</span>
                <span ng-if="account.accountType=='4'">Recurring Deposit(RD)</span>
                <span ng-if="account.accountType=='5'">Housing Loan(HL)</span>
                <span ng-if="account.accountType=='6'">Vehicle Loan(VL)</span>
            </div>  
            <div class="no_side_padding borderstyle" ng-bind="account.bankName">

            </div>
        </div class="no_side_padding borderstyle">
        <span ng-show="account.category=='1'">Supplier</span>
        <span ng-show="account.category=='2'">Customer</span>
        <span ng-show="account.category=='3'">Employee</span>
        <span ng-show="account.category=='4'">Others</span>
    </div>
    <div class="no_side_padding borderstyle">
        <a ng-click="editAccount(account)" ui-sref="dashboard.editaccount">Edit</a> | <a ng-click="deleteAccount(account)">Delete</a>
    </div>
</div>
</div>
</div>

最佳答案

更改</div class="no_side_padding borderstyle"><div class="no_side_padding borderstyle"> .

关于javascript - ng-repeat 不渲染最后两个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43821597/

相关文章:

javascript - 有人能解释一下你是如何在这个函数表达式中得到 false 的吗?

javascript - 如何使用 id 获取按钮并调用其点击事件 - Angular

javascript - 如何在不使用 Angular 表达式的情况下在占位符内显示 Angular 范围值

javascript - 分配后更改输入值

jquery - 如何添加偏移量以更快地触发 jQuery 函数?

html - 如何将背景图片保留在页面底部?

javascript - 表单 onsubmit 不起作用

javascript - Angular-formly:为什么指令的行为与类型不同?

AngularJS: 'Duplicates in a repeater are not allowed. Use ' track by'表达式来指定唯一键。”

javascript - 使用 Dojo 在特定选项卡中打开 URL