如何在Angularjs中編寫jQuery代碼？

Question

嗨，我正在用angularjs開發網站，正在做注冊頁面。我正在嘗試實現驗證（jQuery插件）。 我已經導入了所需的css和js文件。 下面是我的html代碼。

 <input class="form-control validate[required] text-input" type="text" name="LastName" placeholder="{{ 'Last Name' | translate }}" ng-model="Lname">

以下是我的注冊控制器。

(function () {
    angular.module('RoslpApp').controller('MainRegistration', ['$rootScope', '$translatePartialLoader', '$translate', 'cfg', function ($rootScope, $translatePartialLoader, $translate, cfg) {

        $translatePartialLoader.addPart('Registration');
        $translate.refresh();
        $translate.use('de_AR');
    }]);
})();

為了實現驗證，我想編寫以下代碼。

<script type="text/javascript">
        jQuery(document).ready(function () {
            // binds form submission and fields to the validation engine
            jQuery("#formID").validationEngine();
            $("formID").attr('autocomplete', 'off');

        });
    </script> 

我可以在寫jQuery代碼的地方獲得一些幫助嗎？ 任何幫助，將不勝感激。 謝謝。

Answer 1

angular.element()是在angularjs中選擇元素的正確方法。

但是您可以簡單地在控制器中編寫while代碼。

因此，只需將整個代碼從$(document).ready()放到您的控制器中，它將可以正常工作。

就表單驗證而言，您可以使用Angularjs表單驗證 。

您可以在下面的鏈接中引用Angular Form Properties $ valid，$ invalid，$ pristine，$ dirty 。

https://scotch.io/tutorials/angularjs-form-validation

Answer 2

您可以在angularjs中編寫這樣的jquery代碼

// binds form submission and fields to the validation engine
    angular.element(document.getElementById("formID")).validationEngine();
    angular.element(document.getElementById("formID")).attr('autocomplete', 'off');

但這確實是實現驗證的錯誤方法，因為angular已內置處理驗證的功能。 請參考此鏈接https://docs.angularjs.org/guide/forms