javascript - 如何将 Javascript 代码导入 AngularJS
问题描述
我的 html 文件中有 Javascript 代码,但我也有一个单独的 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.log("No data found..");
});
// -------------------------------------------------
// Where/how can I insert the above JS code in here?
// -------------------------------------------------
}]);
解决方案
推荐阅读
- android - 如何运行 Android Automotive 脚本
- javascript - 拖动子级时如何避免拖动父级?
- c# - ModelState 在 ASP.NET.CORE 2.2 Web Api 中始终有效
- node.js - 如何修复“不同的 NODE_MODULE_VERSION”?
- neo4j - 投影图 neo4j 的度中心性。创建投影图的最佳方法
- javascript - 结束日期的日期验证,结束日期必须大于开始日期但使用不同的格式
- javascript - 更改案例,反转和镜像字符串 javascript codewars kata
- angular - 在 selectionmodel angular 中搜索后未选择以前的数据
- python-3.x - PearsonR TypeError:无法使用灵活类型执行减少
- python - 根据外部列表中的值排列分组方法的输出