У меня есть код Javascript в моем html-файле, но у меня также есть отдельный файл AngularJS.
Как мне переместить код JS в файл AngularJS? См. Комментарии в коде ниже.
html + Javascript:
<div ng-app = "app">
<div ng-controller = "gettickersCtrl">
<div class = "row">
<div class = "col-sm-offset-1 col-sm-10">
<div><canvas id = "myChart" width = "600" height = "600"></canvas></div>
<script src = "https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
<!-- --------------------------------------------------------------- -->
<!-- How to move the following JS code into the AngularJS file below -->
<!-- --------------------------------------------------------------- -->
<script>
var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
type: 'line',
data: {
labels: {!! $dates !!} ,
datasets: [{
label: 'Amount ' ,
data: {!! $prices !!}
}]
});
</script>
</div>
</div>
</div> <!-- ng-controller -->
</div> <!-- ng-app -->
AngularJS:
var app = angular.module('gettickers',[]);
app.controller('gettickersCtrl', ['$scope', '$http', '$location', function($scope, $http, $location){
var urlapigettickers = $location.protocol() + "://" + $location.host() + "/api/gettickers" ;
$http.get(urlapigettickers).success(function(data, status, headers, config) {
$scope.gettickeritems = data.gettickers;
}).error(function(data, status, headers, config) {
console.info("No data found..");
});
// -------------------------------------------------
// Where/how can I insert the above JS code in here?
// -------------------------------------------------
}]);
вы должны сохранить логику в контроллерах / службах angularjs. Для дальнейшего упрощения используйте angular-chart. Предоставляются инструкции по установке и
Я пробовал angular-chart и даже не могу заставить их собственный пример пузыря примеры угловых диаграмм работать в plunker: https://plnkr.co/edit/EBzdScSdrfGfPryBSkk1. Модуль chart.js недоступен
Наконец-то он заработал, использовал неправильный файл CND. Хороший - cdn.jsdelivr.net/angular.chartjs/latest/angular-chart.min.js



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Начните с того, что поместите свой js-код в отдельный файл и используйте что-то вроде
<script src = "js/script.js"></script>внутри тега<head>для его импорта. Тогда что-нибудь вроде это или это поможет?