从后台返回的数据,还有多层子节点,需要一个生成树的组件,如果直接在页面上写循环来拼接感觉会很麻烦,因为数据的层级结构不固定. 参考网上其他人的方法,整理如下: 1. 创建一个用于循环迭代的组件,在父组件的元素上绑定需要递归的数据和递归组件的选择器. <ul class="list-wrapper" [treeData]="circuitList" [originalData]="circuitList" (sendNode)="g…

原文地址 https://www.jianshu.com/p/176ea79a7101 大纲 1.对angular项目中的一些文件的概述 2.对其中一些文件的详细描述 2.1.package.json 2.2.tsconfig.json 2.3.Polyfills 对angular项目中的一些文件的概述 angular-cli.json Angular CLI 的配置文件. 在这个文件中,你可以设置一系列默认值,还可以配置项目编译时要包含的那些文件. karma.conf.js karma 测试…

gulp 在 angular 项目中的使用 keyword:gulp,angularjs,ng,ngAnnotate,jshint,gulpfile 最后附完整简洁的ng项目gulpfile.js 准备 全局安装gulp npm install --global gulp 项目开发依赖devDependencies安装 npm install --save-dev gulp 在项目根目录下创建一个名为 gulpfile.js 的文件 var gulp = require('gulp'); gul…

在有些使用 ECharts 库的 Angular 项目中,通常除了安装 npm 包之外,还会在 angular.json 中配置 “build.options.scripts”,将 “node_modules/echarts/dist/echarts.min.js”放入其中: "projects": { "<project-name>": { "architect": { "build": { "opti…

一.angular项目中如何实现路由缓存 需要实现的效果,对请求的数据进行缓存,比如进入文章详情页之后点击返回,不会再调用后台数据接口:而是加载缓存中的数据,如何数据变动的情况下,可使用下拉刷新刷新页面数据.类似于vue的keep-alive效果. 将下列代码保存为app-routing.cache.ts文件并保存在app文件夹下: import { RouteReuseStrategy, DefaultUrlSerializer, ActivatedRouteSnapshot, Detache…

1.第一步把依赖添加到项目中 npm install primeng --save npm install @angular/animations --save npm install font-awesome@4.7.0 --save 2.在.angular-cli.json中添加 "styles": [ "styles.css", "../node_modules/primeng/resources/primeng.min.css", &qu…

npm install --save jquery npm install @types/jquery --save 在对应的组件中引入 import * as $ from "jquery"; 在整个项目中一次声明,不用重复引入的方式: .angular-cli.json文件中添加 { "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "project&q…

在angular4的项目中需要使用bootstrap的tooltip插件. 1. 使用命令安装jQuery和bootstrap npm install bootstrap jquery --save 2. 安装了bootstrap和jQuery之后,需要在.angular-cli.json中设置对jQuery和bootstrap的引用. ... "styles": [ "styles/bootstrap.scss", "styles.scss",…

在我们基于UniApp的H5项目中,需要生成一些二维码进行展示,另外也需要让用户可以扫码进行一定的快捷操作,本篇随笔介绍一下二维码的生成处理和基于H5的扫码进行操作.二维码的生成,使用了JS文件weapp-qrcode.js进行处理,而二维码扫码则是基于一个第三方组件的方式进行支持的,最后通过统一入口来支持不同平台的扫码操作. 1.二维码的生成处理 二维码的生成,使用了JS文件weapp-qrcode.js进行处理的.因此我们在页面或者组件使用它的时候,需要引入JS文件才能调用. import…

1.当angular渲染完成后操作DOM树方法 //当数据渲染完毕 ngApp.directive('repeatFinish', function () {            return {                link: function (scope, element, attr) {                    if (scope.$last == true) {                        console.log('ng-repeat执行完毕…