angular--代码分离

目录结构

代码分层

继承

目录结构

代码分层

原始html

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>品牌管理</title><meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport"><link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css"><link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css"><link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css"><link rel="stylesheet" href="../css/style.css"><script src="../plugins/jQuery/jquery-2.2.3.min.js"></script><script src="../plugins/bootstrap/js/bootstrap.min.js"></script><script src="../plugins/angularjs/angular.min.js"></script><!--分页组件  开始--><link rel="stylesheet" href="../plugins/angularjs/pagination.css"><script src="../plugins/angularjs/pagination.js"></script><!--分页插件 结束--><script>//指定var app = angular.module('pinyougou', ['pagination']);//品牌服务app.service("brandService",function ($http) {this.findAll=function () {return  $http.get("../brand/findAllBrand");}this.add=function (brand) {return $http.post("/brand/addBrand",brand)}this.update=function (brand) {return $http.post("/brand/updateBrand",brand)}this.delete=function (ids) {return  $http.get("/brand/deleteBrandByIds?ids="+ids);}this.search=function (currentPage,itemsPerPage,searchEntity) {return $http.get("/brand/findPage?total=" + currentPage + "&totalPage=" + itemsPerPage,searchEntity)}})app.controller("brandController", function ($scope, $http,brandService) {$scope.findAll = function () {//查询品牌列表brandService.findAll.success(function (res) {$scope.list = res.data;})}//分页控件配置 //当前页码  //总记录数 //每页记录数 //每页显示条数选项 //当页码重新变厚自动触发的方法$scope.paginationConf = {currentPage: 1,totalItems: 10,itemsPerPage: 10,pagesLength: 15,perPageOptions: [10, 20, 30, 40, 50],onChange: function () {//调用刷新当前页码方法$scope.reload();}}//商品页修改商品回先$scope.BrandBack = function(id,name,firstChar){$scope.brand={"id":id,"name":name,"firstChar":firstChar}}//品牌删除多选//定义要删除的id集合$scope.deleteBrandIds=[];//往删除的id集合中添加选中的品牌$scope.checkboxDeleteid =function($event,id){//判断是否为被选中if($event.target.checked){//被选中--将id添加至集合$scope.deleteBrandIds.push(id)}else{//取消选中//获取这个id在集合中下标位置var index =$scope.deleteBrandIds.indexOf(id);//移除$scope.deleteBrandIds.splice(index,1);}}//删除品牌方法$scope.deleteBrandByids=function(){brandService.delete($scope.deleteBrandIds).success(function (res) {if(res.code == "200"){//刷新页面$scope.reload();alert(res.message)}else{alert(res.message)}})}//刷新列表方法$scope.reload = function () {$scope.searchPage($scope.paginationConf.currentPage, $scope.paginationConf.itemsPerPage)}//新增方法$scope.saveBrand=function(){var object =null;//如果是修改id不为nullif($scope.brand.id!=null){object=brandService.update($scope.brand)}else{object=brandService.add($scope.brand)}object.success(function (res) {if(res.code == "200"){//刷新页面$scope.reload();alert(res.message)}else{alert(res.message)}})}$scope.searchEntity={}//条件查询$scope.searchPage=function(currentPage,itemsPerPage){brandService.search(currentPage,itemsPerPage,$scope.searchEntity).success(function (res) {if (res.code == "200") {$scope.list = res.data; //显示当前页的数据$scope.paginationConf.totalItems = res.total;//更新总记录数console.log("查询分页品牌列表成功")} else {console.log("查询分页品牌列表失败")}})}//查询分页品牌列表$scope.findPage = function (currentPage, itemsPerPage) {$http.get("/brand/findPage?total=" + currentPage + "&totalPage=" + itemsPerPage).success(function (res) {if (res.code == "200") {$scope.list = res.data; //显示当前页的数据$scope.paginationConf.totalItems = res.total;//更新总记录数console.log("查询分页品牌列表成功")} else {console.log("查询分页品牌列表失败")}})}})</script></head>
<body class="hold-transition skin-red sidebar-mini" ng-app="pinyougou" ng-controller="brandController">
<!-- .box-body -->
<div class="box-header with-border"><h3 class="box-title">品牌管理</h3>
</div><div class="box-body"><!-- 数据表格 --><div class="table-box"><!--工具栏--><div class="pull-left"><div class="form-group form-inline"><div class="btn-group"><button type="button" class="btn btn-default" title="新建" data-toggle="modal"data-target="#editModal" ng-click="brand={}"><i class="fa fa-file-o" ></i> 新建</button><button type="button" class="btn btn-default" title="删除" ng-click="deleteBrandByids()"><i class="fa fa-trash-o"></i> 删除</button><button type="button" class="btn btn-default" title="刷新" onclick="window.location.reload();"><iclass="fa fa-refresh"></i> 刷新</button></div></div></div><div class="box-tools pull-right"><div class="has-feedback">品牌名称:<input ng-model="searchEntity.name">品牌首字母:<input ng-model="searchEntity.firstChar"><button type="button" class="btn btn-default" title="查询" ng-click="reload()">查询</button></div></div><!--工具栏/--><!--数据列表--><table id="dataList" class="table table-bordered table-striped table-hover dataTable"><thead><tr><th class="" style="padding-right:0px"><input id="selall" type="checkbox" class="icheckbox_square-blue"></th><th class="sorting_asc">品牌ID</th><th class="sorting">品牌名称</th><th class="sorting">品牌首字母</th><th class="text-center">操作</th></tr></thead><tbody><tr ng-repeat="b in list"><td><input type="checkbox"  ng-click="checkboxDeleteid($event,b.id)"></td><td >{{b.id}}</td><td >{{b.name}}</td><td >{{b.firstChar}}</td><td class="text-center"><button type="button" class="btn bg-olive btn-xs" data-toggle="modal" data-target="#editModal" ng-click="BrandBack(b.id,b.name,b.firstChar)">修改</button></td></tr></tbody></table><!--数据列表/--><tm-pagination conf="paginationConf"></tm-pagination></div><!-- 数据表格 /--></div>
<!-- /.box-body --><!-- 编辑窗口 -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="myModalLabel">品牌编辑</h3></div><div class="modal-body"><table class="table table-bordered table-striped" width="800px"><tr><td>品牌名称</td><td><input class="form-control" placeholder="品牌名称" ng-model="brand.name"></td></tr><tr><td>首字母</td><td><input class="form-control" placeholder="首字母"  ng-model="brand.firstChar"></td></tr></table><div class="modal-footer"><button class="btn btn-success" data-dismiss="modal" aria-hidden="true" ng-click="saveBrand()">保存</button><button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button></div></div></div>
</div></body>
</html>

base.js

var app = angular.module('xxxx', []); //指定页面 去掉分页'pagination'

base_pageNation.js

var app = angular.module('xxxxx', ['pagination']); //指定页面 带分页

brandService.js

//品牌服务
app.service("brandService",function ($http) {this.findAll=function () {return  $http.get("../brand/findAllBrand");}this.add=function (brand) {return $http.post("/brand/addBrand",brand)}this.update=function (brand) {return $http.post("/brand/updateBrand",brand)}this.delete=function (ids) {return  $http.get("/brand/deleteBrandByIds?ids="+ids);}this.search=function (currentPage,itemsPerPage,searchEntity) {return $http.get("/brand/findPage?total=" + currentPage + "&totalPage=" + itemsPerPage,searchEntity)}
})

brandController.js

app.controller("brandController", function ($scope, $http,brandService) {$scope.findAll = function () {//查询品牌列表brandService.findAll.success(function (res) {$scope.list = res.data;})}//分页控件配置 //当前页码  //总记录数 //每页记录数 //每页显示条数选项 //当页码重新变厚自动触发的方法$scope.paginationConf = {currentPage: 1,totalItems: 10,itemsPerPage: 10,pagesLength: 15,perPageOptions: [10, 20, 30, 40, 50],onChange: function () {//调用刷新当前页码方法$scope.reload();}}//商品页修改商品回先$scope.BrandBack = function(id,name,firstChar){$scope.brand={"id":id,"name":name,"firstChar":firstChar}}//品牌删除多选//定义要删除的id集合$scope.deleteBrandIds=[];//往删除的id集合中添加选中的品牌$scope.checkboxDeleteid =function($event,id){//判断是否为被选中if($event.target.checked){//被选中--将id添加至集合$scope.deleteBrandIds.push(id)}else{//取消选中//获取这个id在集合中下标位置var index =$scope.deleteBrandIds.indexOf(id);//移除$scope.deleteBrandIds.splice(index,1);}}//删除品牌方法$scope.deleteBrandByids=function(){brandService.delete($scope.deleteBrandIds).success(function (res) {if(res.code == "200"){//刷新页面$scope.reload();alert(res.message)}else{alert(res.message)}})}//刷新列表方法$scope.reload = function () {$scope.searchPage($scope.paginationConf.currentPage, $scope.paginationConf.itemsPerPage)}//新增方法$scope.saveBrand=function(){var object =null;//如果是修改id不为nullif($scope.brand.id!=null){object=brandService.update($scope.brand)}else{object=brandService.add($scope.brand)}object.success(function (res) {if(res.code == "200"){//刷新页面$scope.reload();alert(res.message)}else{alert(res.message)}})}$scope.searchEntity={}//条件查询$scope.searchPage=function(currentPage,itemsPerPage){brandService.search(currentPage,itemsPerPage,$scope.searchEntity).success(function (res) {if (res.code == "200") {$scope.list = res.data; //显示当前页的数据$scope.paginationConf.totalItems = res.total;//更新总记录数console.log("查询分页品牌列表成功")} else {console.log("查询分页品牌列表失败")}})}//查询分页品牌列表$scope.findPage = function (currentPage, itemsPerPage) {$http.get("/brand/findPage?total=" + currentPage + "&totalPage=" + itemsPerPage).success(function (res) {if (res.code == "200") {$scope.list = res.data; //显示当前页的数据$scope.paginationConf.totalItems = res.total;//更新总记录数console.log("查询分页品牌列表成功")} else {console.log("查询分页品牌列表失败")}})}})

分层后的html

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title>品牌管理</title><meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport"><link rel="stylesheet" href="../plugins/bootstrap/css/bootstrap.min.css"><link rel="stylesheet" href="../plugins/adminLTE/css/AdminLTE.css"><link rel="stylesheet" href="../plugins/adminLTE/css/skins/_all-skins.min.css"><link rel="stylesheet" href="../css/style.css"><script src="../plugins/jQuery/jquery-2.2.3.min.js"></script><script src="../plugins/bootstrap/js/bootstrap.min.js"></script><script src="../plugins/angularjs/angular.min.js"></script><!--分页组件  开始--><link rel="stylesheet" href="../plugins/angularjs/pagination.css"><script src="../plugins/angularjs/pagination.js"></script><!--分页插件 结束--><!--引入--><script src="../js/base_pageNation.js"></script><script src="../js/service/brandService.js"></script><script src="../js/controller/brandController.js"></script>
</head>
<body class="hold-transition skin-red sidebar-mini" ng-app="pinyougou" ng-controller="brandController">
<!-- .box-body -->
<div class="box-header with-border"><h3 class="box-title">品牌管理</h3>
</div><div class="box-body"><!-- 数据表格 --><div class="table-box"><!--工具栏--><div class="pull-left"><div class="form-group form-inline"><div class="btn-group"><button type="button" class="btn btn-default" title="新建" data-toggle="modal"data-target="#editModal" ng-click="brand={}"><i class="fa fa-file-o" ></i> 新建</button><button type="button" class="btn btn-default" title="删除" ng-click="deleteBrandByids()"><i class="fa fa-trash-o"></i> 删除</button><button type="button" class="btn btn-default" title="刷新" onclick="window.location.reload();"><iclass="fa fa-refresh"></i> 刷新</button></div></div></div><div class="box-tools pull-right"><div class="has-feedback">品牌名称:<input ng-model="searchEntity.name">品牌首字母:<input ng-model="searchEntity.firstChar"><button type="button" class="btn btn-default" title="查询" ng-click="reload()">查询</button></div></div><!--工具栏/--><!--数据列表--><table id="dataList" class="table table-bordered table-striped table-hover dataTable"><thead><tr><th class="" style="padding-right:0px"><input id="selall" type="checkbox" class="icheckbox_square-blue"></th><th class="sorting_asc">品牌ID</th><th class="sorting">品牌名称</th><th class="sorting">品牌首字母</th><th class="text-center">操作</th></tr></thead><tbody><tr ng-repeat="b in list"><td><input type="checkbox"  ng-click="checkboxDeleteid($event,b.id)"></td><td >{{b.id}}</td><td >{{b.name}}</td><td >{{b.firstChar}}</td><td class="text-center"><button type="button" class="btn bg-olive btn-xs" data-toggle="modal" data-target="#editModal" ng-click="BrandBack(b.id,b.name,b.firstChar)">修改</button></td></tr></tbody></table><!--数据列表/--><tm-pagination conf="paginationConf"></tm-pagination></div><!-- 数据表格 /--></div>
<!-- /.box-body --><!-- 编辑窗口 -->
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="myModalLabel">品牌编辑</h3></div><div class="modal-body"><table class="table table-bordered table-striped" width="800px"><tr><td>品牌名称</td><td><input class="form-control" placeholder="品牌名称" ng-model="brand.name"></td></tr><tr><td>首字母</td><td><input class="form-control" placeholder="首字母"  ng-model="brand.firstChar"></td></tr></table><div class="modal-footer"><button class="btn btn-success" data-dismiss="modal" aria-hidden="true" ng-click="saveBrand()">保存</button><button class="btn btn-default" data-dismiss="modal" aria-hidden="true">关闭</button></div></div></div>
</div></body>
</html>

继承

创建通用的控制器模块在需要的地方继承并且在页面上也要做引用

添加baseController 通用js

将BrandController中通用的方法抽取出来分页,复选框的勾选

baseController.js

app.controller("baseController",function ($scope) {//刷新列表方法$scope.reload = function () {$scope.searchPage($scope.paginationConf.currentPage, $scope.paginationConf.itemsPerPage)}
//分页控件配置 //当前页码  //总记录数 //每页记录数 //每页显示条数选项 //当页码重新变厚自动触发的方法$scope.paginationConf = {currentPage: 1,totalItems: 10,itemsPerPage: 10,pagesLength: 15,perPageOptions: [10, 20, 30, 40, 50],onChange: function () {//调用刷新当前页码方法$scope.reload();}}//品牌删除多选//定义要删除的id集合$scope.deleteBrandIds=[];//往删除的id集合中添加选中的品牌$scope.checkboxDeleteid =function($event,id){//判断是否为被选中if($event.target.checked){//被选中--将id添加至集合$scope.deleteBrandIds.push(id)}else{//取消选中//获取这个id在集合中下标位置var index =$scope.deleteBrandIds.indexOf(id);//移除$scope.deleteBrandIds.splice(index,1);}}
})

brandController.js ,添加Controller继承内置服务

app.controller("brandController", function ($scope, $http,$controller,brandService) {//继承$controller("baseController",{$scope:$scope})$scope.findAll = function () {//查询品牌列表brandService.findAll.success(function (res) {$scope.list = res.data;})}//商品页修改商品回先$scope.BrandBack = function(id,name,firstChar){$scope.brand={"id":id,"name":name,"firstChar":firstChar}}//删除品牌方法$scope.deleteBrandByids=function(){brandService.delete($scope.deleteBrandIds).success(function (res) {if(res.code == "200"){//刷新页面$scope.reload();alert(res.message)}else{alert(res.message)}})}//新增方法$scope.saveBrand=function(){var object =null;//如果是修改id不为nullif($scope.brand.id!=null){object=brandService.update($scope.brand)}else{object=brandService.add($scope.brand)}object.success(function (res) {if(res.code == "200"){//刷新页面$scope.reload();alert(res.message)}else{alert(res.message)}})}$scope.searchEntity={}//条件查询$scope.searchPage=function(currentPage,itemsPerPage){brandService.search(currentPage,itemsPerPage,$scope.searchEntity).success(function (res) {if (res.code == "200") {$scope.list = res.data; //显示当前页的数据$scope.paginationConf.totalItems = res.total;//更新总记录数console.log("查询分页品牌列表成功")} else {console.log("查询分页品牌列表失败")}})}//查询分页品牌列表$scope.findPage = function (currentPage, itemsPerPage) {$http.get("/brand/findPage?total=" + currentPage + "&totalPage=" + itemsPerPage).success(function (res) {if (res.code == "200") {$scope.list = res.data; //显示当前页的数据$scope.paginationConf.totalItems = res.total;//更新总记录数console.log("查询分页品牌列表成功")} else {console.log("查询分页品牌列表失败")}})}})

页面添加baseController.js引用

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

语音转换成文本技术实现_职业转换者指南，帮助您实现梦想的技术工作
语音转换成文本技术实现In this article, Ill discuss some pro tips thatll help you ace your interviews at your dream companies and get the most out of your job offers.在本文中，我将讨论一些专业技巧，这些技巧可以帮助您在理想的公司进行面试…...
2024/4/21 4:40:39
如何计算微分
Ceres为google开源非线性优化库。计算微分方法符号微分 Analytic Derivative数值微分 Numeric DerivativeForward Difference Central Difference Ridders’ Method 自动微分Automatic Derivative自动微分可以精确快速的算出微分值。 1 // Ceres Solver - A fast non-linea…...
2024/5/8 2:13:46
2014年---移动端webapp个人年度总结
我今年是由零基础开始入门的，刚好我第一家公司入职后就马上让我接手做ipad版的专题app了。(一入门就是移动端开发，是幸运也是艰辛的开始)。我是自学前端的，当然，对Bootstrap，JQuery mobile这2个UI框架肯定是熟悉他们是…...
2024/5/3 10:58:20
Vue-cli创建vue项目以及配置文件梳理
介绍 vue-cli是vue提供构建单页应用的脚手架。它能够帮助开发者快速的创建vue项目。这篇文章主要介绍如何使用vue-cli，以及它创建的vue项目结构。还有就是对于build目录下的配置文件进行一些梳理总结。安装vue-cli 安装vue-cli十分简单，执行下面的命…...
2024/4/21 4:40:36
node.js react_使用Node和React.js构建实时Twitter流
node.js react介绍 (Introduction) Welcome to the second installation of Learning React, a series of articles focused on becoming proficient and effective with Facebooks React library. If you havent read the first installation, Getting Started and Concepts, …...
2024/4/21 4:40:35
AngularJS之备忘与诀窍
译自:《angularjs》备忘与诀窍目前为止，之前的章节已经覆盖了Angular所有功能结构中的大多数，包括指令,服务,控制器,资源以及其它内容.但是我们知道有时候仅仅阅读是不够的.有时候，我们并不在乎那些功能机制是如果运行的,我们仅仅想知道如何…...
2024/4/28 0:11:41
ROS机器人导航之初实现
1./home/hao/catkin_lh/src/arbotix_ros arbotix_ros是官方给的包 sudo apt-get install ros-kinetic-arbotix-* 具体的下载位置ros工程包的scr中作用：给出了仿真机器人需要的里程计和TF坐标转化关系launch文件调用代码<node name"arbotix" pkg…...
2024/4/21 4:40:33
[pixhawk笔记]6-uORB流程及关键函数解析
本文中将结合代码、文档及注释，给出uORB执行流程及关键函数的解析，由于uORB的机制实现较为复杂，所以本文主要学习如何使用uORB的接口来实现通信。回到上一篇笔记中的代码： #include <px4_config.h> #include <px4_tasks.…...
2024/5/3 4:47:34
Build a Basic CRUD App with Vue.js and nodejs
https://developer.okta.com/blog/2018/02/15/build-crud-app-vuejs-node#add-authentication-with-okta I’ve danced the JavaScript framework shuffle for years starting with jQuery, then on to Angular. After being frustrated with Angular’s complexity, I found R…...
2024/5/6 15:41:07
okta使用_如何使用Okta向您的Vue应用添加身份验证
okta使用This article was originally published on the Okta developer blog. Thank you for supporting the partners who make SitePoint possible. 本文最初发布在Okta开发人员博客上。感谢您支持使SitePoint成为可能的合作伙伴。 I’ve danced the JavaScript framewor…...
2024/5/3 0:34:42
stack.h file_使用Filestack构建MEAN Stack File Uploader应用
stack.h file介绍 ( Introduction ) Filepicker is a web service which helps us developers smoothly handle file uploading. An amazing feature it provides is to let users to choose the source from where to upload a picture, so you can easily upload a picture f…...
2024/4/20 19:45:13
脏值检查
脏值检查，通过digest遍历所有的watcher，最终得到统一的数据，再更新view。脏值检查Change Detection内部的一个非常重要的阶段——digest阶段, 当系统进入此阶段时，将会进行数据检查, 它的处理流程如下:标记dirty false遍历所有通…...
2024/4/20 19:45:11
你所要知道的所有关于Angular的变化检测机制
原文地址：Everything you need to know about change detection in Angular 如果想像我一样全面的了解Angular的脏值检测机制，除了浏览源代码之外别无他法，网上可没有太多可用信息。大部分文章都提到，Angular中每个组件都自带一个…...
2024/4/20 19:45:11
Angular4 组件变化检测总结 (Change Detection)
看了很多有关的文章，也认真观看了Angular2 团队放在youtube的相关演讲视频。（你懂的） Change Detection In Angular 2 我也想用自己的理解总结一下Angular2/4组件变化的原理。内容分这么几个小节： 什么操作会引发组件绑定属性变…...
2024/4/20 19:45:09
angular1.x 脏检测
写在前面双向绑定是angular的大亮点，然后支撑它的就是脏检测。一直对脏检测都有一些理解，却没有比较系统的概念。以下是我阅读网上博文以及angular高级程序设计的理解与总结。接收指导与批评。脏检查： 将原对象赋值一份快照。在某个时间&…...
2024/4/21 4:40:30
angular 脏检查机制
很久没有写点东西了，从今天起，在博客园对自己过往的工作，学习和生活做一些梳理，总结和温故。今天窗外的阳光不那么任性，天空白云点点，蝉鸣依旧嘹亮，安静地坐在阳台上，吹着风&#xf…...
2024/5/3 2:21:56
Angular--变更检测策略
概述简单来说变化检测就是Angular用来检测视图与模型之间绑定的值是否发生了改变，当检测到模型中绑定的值发生改变时，则同步到视图上，反之，当检测到视图上绑定的值发生改变时，则回调对应的绑定函数。什么情况下会引起…...
2024/4/21 4:40:27
关于Angular的变更检测（Change Detection）
如果你像我一样，想对Angular的变更检测机制有一个深入的理解，由于在网上并没有多少有用的信息，你只能去看源码。大多数文章都会提到每一个组件都会有一个属于自己的变更检测器（change detector），它负责检查…...
2024/4/21 4:40:27
Angular 4 依赖注入教程之七 ValueProvider的使用
目录 Angular 4 依赖注入教程之一依赖注入简介Angular 4 依赖注入教程之二组件服务注入Angular 4 依赖注入教程之三 ClassProvider的使用Angular 4 依赖注入教程之四 FactoryProvider的使用Angular 4 依赖注入教程之五 FactoryProvider配置依赖对象Angular 4 依赖注入教程之六…...
2024/5/3 4:57:52
Angular No provider for EffectsRootModule错误消息的出现原因和修复方式
错误消息： main.ts:12 NullInjectorError: R3InjectorError(AppModule)[EffectsFeatureModule -> EffectsRootModule -> EffectsRootModule -> EffectsRootModule]: NullInjectorError: No provider for EffectsRootModule! at NullInjector.get (http://l…...
2024/4/25 9:00:06

angular--代码分离

目录结构

代码分层

继承

相关文章

最新文章