angular动态数据展示

最新推荐文章于 2024-06-22 07:50:23 发布

gslzydwgh

最新推荐文章于 2024-06-22 07:50:23 发布

阅读量1.4k

点赞数 1

本文链接：https://blog.csdn.net/gslzydwgh/article/details/78911047

版权

这个博客展示了如何使用Angular框架动态加载数据，并在页面上进行展示。通过结合使用EasyUI组件、Combobox控件从不同API获取数据，实现如机构、条款、渠道等的选择。此外，还利用Highcharts库创建了柱状图来可视化各年度案件量。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <link rel="stylesheet" href="js/bootstrap/css/bootstrap.css" type="text/css"></link>
    <link rel="stylesheet" href="js/bootstrap/css/bootstrap.min.css" type="text/css"></link>
    <script src="js/angular/angular.js"></script>
    <script src="js/jquery/jquery-3.1.1.js"></script>
    <script src="js/highcharts/highcharts.js"></script>
    <script src="js/highcharts/themes/grid-light.js"></script>

    <link rel="stylesheet" href="js/easyui/themes/gray/easyui.css">
    <script src="js/easyui/jquery.easyui.min.js"></script>


</head>
<body ng-app="myApp">
<div class = "container">

    <div  class="row clearfix" style="margin-left: -100px;" >

        <div class="col-md-12 column" style="margin-top: 20px;">
            机构：
            <select  id="comcode" class="easyui-combotree" th:method="GET" url="data/area_com.json"  name="comcode"  vng-model="comcode" alueField="id"  textField=