對於大型Angular應用程序，在_Layout.cshtml中使用jQuery是否安全？

Question

我意識到這個問題有點籠統，但是我希望我可以提供足夠的上下文細節來縮小范圍。 在我剛接觸的項目中，我的任務之一是在用戶單擊注銷鏈接時添加確認對話框。 我在_Layout.cshtml更改了鏈接，如下所示：

<div class="row inner">
    @if (Request.IsAuthenticated)
    {
        using (Html.BeginForm("LogOff", "Account", FormMethod.Post, new { @id = "logoutForm", @class = "col-md-8 col-md-offset-2 rightText" }))
        {
            @Html.AntiForgeryToken()
            <a href="@Url.Action("CreateNewMlamApplication", "MlamApplication")"><img src="/img/icons/plusIcon.png" class="icon" /></a>
            <a href="@Url.Action("Index", "Home")"><img src="/img/icons/documentIcon.png" class="icon" /></a>
            @* BKMOD <a href="javascript:document.getElementById('logoutForm').submit()"><img src="/img/icons/gearIcon.png" class="icon" /></a>*@
            <a class="logout-link-confirm" href="#" ><img src="/img/icons/gearIcon.png" class="icon" /></a>
        }
    }
</div>

然后，我將一個處理程序掛接到布局底部的logout-link-confirm ：

    <script>
        $(function() {
            $(".logout-link-confirm").click(function() {
                $('#modalLogoutConfirmation').modal('show');
            });
            $(".logout-link-final").click(function () {
                $('#logoutForm').submit()
            });
        });
    </script>
    @RenderSection("scripts", required: false)
</body>

在modalLogoutConfirmation彈出窗口中，當用戶確認選擇時，我將執行實際注銷： $('#logoutForm').submit() 。

這與angular沒有直接關系，因為angular僅在此布局中的某些身體視圖上起作用，但是已加載，我有點擔心jQuery可能引入的任何副作用。

Answer 1

是的 ，很安全。 我假設模態本身不涉及任何Angular邏輯。 即使有，您也必須故意干預Angular，以免發生任何副作用。