我的项目的这个页面中的JQuery选择器不起作用,他们调用自动完成方法和数据报警器的方式与其他正确工作的页面相同。
这是我的代码,我看了420遍。
如果我试图填充输入字段,应该在dati.js中调用get方法,但似乎$ selector不起作用,因为.datepicker不起作用
控制器
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...
HTML
<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>
APP.JS
.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'
})
我只从其他页面复制粘贴了这段代码,没有任何区别。
发布于 2018-06-27 10:26:15
嗯..。不能只在AngularJS中使用$()。
有一些解决方案可以将jquery和angularjs结合起来。
- [Combining JQuery and AngularJS](https://stackoverflow.com/questions/31201079/combining-jquery-and-angularjs)
https://stackoverflow.com/questions/51060272
复制相似问题