心似烟火

【前言】　　经过上一篇文章的介绍，相信大家对于Angular2都有了一定的了解。以ITOO项目为例，这篇文章让我们来一起实践一下。一、创建模块：　　在文件的最根目录下输入命令 cnpm install ，回车，安装需要的包。 在大模块文件夹(freshman-register)内输入命令：ng g c 子模块名称，回车，子模块创建成功。　　大模块：　　子...

最近在启动Angular的时候遇到一个问题，在执行“ng server”命令时，提示“ng 不是内部命令”。后来经过一番查询，发现是两个问题导致的，希望能帮助遇到同样问题的你：1、环境变量：Node.js安装好之后，需要设置环境变量。如果node -v 和 npm -v 命令能够执行，应该是Node的环境变量路径错误，将nodejs缓存文件（node_cache）的文件路径加到环境变量...

报错信息：原因：@ ngx-bootstrap 如果应用在 Angular5的时候，需要版本为2.X.X进行升级：npm uninstall --save ngx-bootstrapnpm cache clean -fnpm install --save ngx-bootstrap参考：https://stackoverflow.com/questions/47866158/...

在做项目的时候，发现前端有一个模块已经移动到新的框架中了，本项目中已经废弃掉。所以想把这个模块删掉。在删掉的时候发现了一些错误，记录一下。1、删除了想要删除的模块：student。2、在删除模块的上一层级，删掉了“app.module”和“app.routes”两个文件中对于删除模块的引用。3、然后启动项目，发现了下面的问题。 这个错误的意思是：无法从...

前言： 最近项目组需要做一个修改密码的功能，为大家介绍一下。modify-password.html：<header class="mui-bar mui-bar-nav"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <...

前言： 最近小编正在开发的功能是手机端根据学生学号查询体测各科目成绩，断断续续的也做了很久，现在终于要接近尾声了，跟大家分享一下~代码展示：html代码：<!-- 搜索框 --><div class="search" placeholder="请输入要查询的学号"> <app-search [information]="inform...

Angular搭建环境出现的问题Cannot find module 'click'解决方案：删掉原来的 node_modules 依赖，重新运行命令：cnpm install

公司做的项目Angular时候，在引用Echart组件时出现问题“Can't bind to 'chartType' since it isn't a known property of 'echart'”原因：没有引入相关组件解决办法：在上一级的module.ts中引入EChartOptionDirectiveimport { EChartOptionDirec...

【前言】　　小编最近在做关于表格的页面，通过和项目同组成员的交流，知道了如何实现表格数据从后端传入。现在和大家分享一下学习成果。一、实现思路：　　1、在.ts文件和.service.ts文件中添加对service和model的引用。　　2、在.ts文件中声明service和model文件的构成的数组，函数调用后端数据。　　3、在.service.ts文件中建立对json文件的U...

【前言】　　新生页面里面有一个公约，是手风琴样式的页面。这种样式比较美观，也能节省页面空间。关于手风琴样式页面的制作方式，和大家分享一下~一、实现思路： 引用bootstrap样式中的accordion组件实现。二、代码实现：1、module文件：引入手风琴扩展包：import { AccordionModule } from 'ngx-boots...

【前言】 由于最近公司使用 Angular2 来做前端，对于小白的我来说必须来学习一下 Angular2 了。下面由小编来分享一下学习成果，为大家介绍一下Angular2。一、历史发展：（一）起源： 2009年，Misko hevery 和 Adam Abrons 在业余时间创造了GetAngular。那么这个GetAngular到底有多大的作用呢？这里有个...

html：&lt;nz-form-item&gt; &lt;nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="gradeNo"&gt;年级&lt;/nz-form-label&gt; &lt;nz-form-control [nzSm]="14" [nzXs]=&q