0

我正在使用 Razor View 在 asp.net mvc4 中工作。我正在使用 angularJs。但在部分视图中，angularJs 不起作用。

这是我的视图代码：

@using (Html.BeginForm("Create", "Requisition", FormMethod.Post, new { id = "RequisitionForm", ng_app = "" }))
{
@Html.ValidationSummary(true)
    <div class="divSection">
        <div class="divBox divSectionLeftLeft">
            <label>Product</label>
        </div>
        <div class="divBox divSectionLeftRight">
            <input type="text" id="ProductName" name="ProductName" ng-model="newItem.ProductName" />
        </div>

        <div class="divBox divSectionRightLeft">
            <label>Quantity</label>
        </div>
        <div class="divBox divSectionRightRight">
            <input type="text" id="Quantity" name="Quantity" ng-model="newItem.Quantity" />
        </div>
    </div>
    <div class="divClear">
    </div>

    <div class="ContainerRowButton">
        <button type="button" class="btn btn-primary btn-mini" ng-click="items.push(newItem); newItem={}">Add Req-Detail</button>
    </div>
    <div style="width: 800px; height: 160px; overflow-y: scroll">
        <table class="table table-striped table-bordered" id="RequisitionDetailsTbl" ng-init="items=[]">
            <thead>
                <tr>
                    <th>Product
                    </th>
                    <th>Quantity
                    </th>
                    <th>Action</th>
                </tr>
            </thead>

            <tr ng-hide="items.length">
                <td colspan="3">No Requisition Added Yet. . .</td>
            </tr>

            <tbody ng-repeat="item in items">
                <tr>
                    <td>{{item.ProductName}}
                    </td>
                    <td>{{item.Quantity | number:2}}
                    </td>
                    <td>
                        <button type="button" id="delReqDetail" ng-click="items.splice($index, 1);" class="btn btn-primary btn-mini">Delete</button>
                </tr>
            </tbody>
        </table>
    </div>
}

我的 _Layout 是这样的：

@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/jquery, ~/bundles/jqueryui, ~/bundles/others")

这里“~/bundles/others”包含 angular.js。

我在萤火虫控制台中没有收到任何错误。我在做什么错？

我在弹出窗口中显示部分视图的另一件事。如果我不在弹出窗口中使用它，该代码可以正常工作。

4

0 回答 0