Javascript JQuery调用不'；在我的AngularJS页面中不工作

我的项目的此页面中的JQuery选择器不起作用， 它们调用autocomplete方法和datepicker的方式与正常工作的其他页面相同

这是我的代码，我反复检查了420次

如果我尝试填充输入字段，那么应该在dati.js中调用get方法，但是$selector似乎不起作用，因为.datepicker也不起作用

控制器

HTML

---

我只是从其他可用的页面复制粘贴了这段代码，没有任何区别。

嗯。。在AngularJS中不能只使用$（）

有一些结合jquery和angularjs的解决方案

---

这很奇怪，因为在其他页面上它工作得很好，我无法使用任何不同的方法来处理它。我尝试使用angular.element而不是“$”，但我得到了相同的结果，即没有人可以在AngularJS中使用$（）。避免使用它是明智的，这个问题最常见的原因是AngularJS框架在调用选择器后实例化DOM。框架在其操作过程中添加和删除DOM。使用AngularJS框架，避免在控制器中进行DOM操作。相反，只在自定义指令中进行DOM操作。第一个选择器调用的

.datepicker

类在哪里？它不在问题中显示的HTML中。

angular.module('AceApp').controller('praticaCtrl', function($scope, $window, $http, $timeout, $rootScope, $state, $stateParams, $location, $auth, $uibModal, dati, $compile, $filter) {
    $( ".datapicker" ).datepicker({
        changeMonth: true,
        changeYear: true,
        yearRange: "1900:2050",
        dateFormat: 'dd-mm-yy'
});
$(".dataPickerModal").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "1900:2050",
    dateFormat: 'dd-mm-yy'
}).css({"z-index":10000});
////////////
$("#luogoNascita").autocomplete({
    source: function (request, resolve) {
        console.log("vvv");
        dati.getCitta(request.term)
            .success(function (data) {
               resolve(data);
            })
            .error(function () {
            });
        }
    });

$("#luogoNascita").on("autocompleteselect", function(event, ui) {
    $timeout(function() {
        $scope.cliente.comune_nascita.sigla = ui.item.sigla;
        $scope.cliente.comune_nascita.codice_catastale = ui.item.codiceCatastale;
    });
}); ETC...

<div class="col-md-3 col-sm-3 col-xs-7">
    <label for="luogoNascita">Luogo di Nascita</label>
    <input ng-model = "cliente.comune_nascita.nome" autocomplete = "on" 
           type="text" class="form-control" name="luogoNascita"
           id="luogoNascita" placeholder="Ricerca Città" style="width:100%" />
</div>

.state('pratica', {
    url: '/pratica/:id',
    title: 'Dati anagrafici',
    icon: 'fa fa-dollar',
    view: false,
    sottomenu: false,
    templateUrl: 'views/pages/pratiche/pratica.html',
    permissions: 'quinto-stipendio_pratica',
    controller: 'praticaCtrl',
    resolve: {
        lazyLoad: ['$ocLazyLoad', function($ocLazyLoad) {
            return $ocLazyLoad.load([
                {
                    serie: true,
                    name: 'dataTables',
                    files: ['../components/datatables/media/js/jquery.dataTables.js', '../components/_mod/datatables/jquery.dataTables.bootstrap.js', '../components/angular-datatables/dist/angular-datatables.js']
                },
                {
                    name: 'AceApp',
                    files: ['js/controllers/pages/pratiche/pratica.js']
                },
                {
                    name: 'stepF',
                    files: ['js/controllers/pages/dropzone/uploader.js']
                }
            ]);
        }]
    },
    permissions: 'leggi-cessione_quinto'
})