Не удается правильно использовать AngularJS при создании панелей jQuery и Adobe.
Мне нужно было обновить версии для AngularJS и jQuery для проекта. Старые версии были jquery-1.11.0.min.js и angularJS 1.2.10. А теперь я хотел бы использовать новейшие доступные версии angularJS 1.7.8 и jQuery 3.4.1. Обычно я использую все как здесь, но без какой-либо основы - https://medium.com/adobetech/how-to-create-your-first-adobe-panel-in-6-easy-steps-f8bd4ed5778
Но когда я использую новые версии, у меня очень часто бывает много ошибок, которые так необъяснимы. Главное, о чем я думаю, это то, что jQuery как-то конфликтует с angularJS. Вот мой код -
<script src="lib/js/jquery.js"></script>
<script src="lib/js/angular.js"></script>
<script src="lib/js/CSInterface.js"></script>
<script src="js/services.js"></script>
<script src="js/controllers.js"></script>
<body ng-app="myApp" ng-controller="StartCtrl">
<div>
<form name="modifyApp" class="form-signin" ng-submit="testMethod(vars)">
<input type="text" placeholder="" class="" autocapitalize="off" id="token" ng-model="vars.token">
<button class="button-text background login-button">Validate token</button>
</form>
<button type="submit" ng-href='#here' ng-click="doSomething()" class="inline button button-text background">Do something</button>
</div>
Затем есть импортированный файл controllers.js, где находится StartCtrl
. Мне также нужно было поместить службы в тот же файл, где находятся контроллеры, потому что я не могу получить доступ к файлу services.js из controllers.js. Я не знаю почему.
var app = angular.module('myApp', [])
app.controller('StartCtrl',['$scope', '$http', 'Test', function($scope, $http, Test) {
$scope.vars = {
token: 'vgs7mJR7icPgMO2aOQAjzl71e8k5mwGx1OQncsefMl7OyPj8tgKfkvrSNpOi',
search: ''
};
$scope.axleSpeechMinutesLeft = function(vars) {
var inputToken = $scope.vars.token;
Test.getSomething(inputToken).then(function (response){
console.log(response);
}
}
}]);
app.service('Test', function ($rootScope, $http) {
this.getSomething = function(token) {
$http({
method: 'GET',
url: 'https://testurl2019.com',
headers: {"Authorization" : "Bearer " + token},
}).then(function (response) {
return response.data;
}, function (response) {
return response;
});
};
})
Отсюда я могу добраться дозапрос $ http, который отвечает мне на эту довольно странную ошибку. Кстати, старые версии для проекта, которые я использовал, работали на Mac отлично, но не на Windows (с тем же кодом, я видел руль на панели и много ошибок), поэтому я взял новейшие версии jquery и angularJS и теперь пытаюсь запустить это на Windowsпереписав старый код версии. Вот картинка с ошибкой от $ http.
Буду очень признателен за вашу помощь!