
angular.js
摩羯的成长期
我愿世界以黑白,不愿爱之人,受苦。
我愿世界以孤独,不愿思之人,思重。
展开
-
视频预览遇到的坑
总结下视频预览遇到的坑: 1、视频预览–后台返回base64或二进制流arraybuffer格式(我们一般直接返回url使用即可,处于安全考虑,现在需求就是这样) 问题一: base64方式:videosrc = 'data:' + content-Type + ';base64,' + base64Code(base64Code是指返回的base64)。这个拼接可前端可后端,建议后端做,因为可能存在换行问题,需要将base64Code.repalce("\r\n","")。如果是前端:base64Code原创 2020-08-23 00:04:40 · 971 阅读 · 0 评论 -
angular官网阅读记录
今天比较闲,虽然本人css也很菜,实在不愿意看。更愿意看些框架类的东西,这里主要是概念理解,从而提升自己的逼格,换句话说,我说的每句话都是有来源和依据的。 二是今天遇到一个问题,组件导入的问题,也还有前段时间组件sevice化的传值等原因。 1、angular是什么? Angular 是一个用 HTML 和 TypeScript 构建客户端应用的平台与框架。 Angular 本身就是用 TypeScript 写成的。它将核心功能和可选功能作为一组 TypeScript 库进行实现,你可以把它们导入你的应用中原创 2020-08-11 01:22:34 · 208 阅读 · 0 评论 -
angular动态化组件加载
现在有一个需求: 页面上有一组图标,点谁加载对应的组件。组件之间没什么联系。 利用class的特性来实现: // 抽象类用于判断子组类型 export abstract class ChilrenSelectComponent { // 自定义接收数据.这里可以根据需要定义很多东西的 data: any; } 一个组件举例:需要去实现extends ChilrenSelectComponent import { Component, OnInit } from '@angular/core'; i原创 2020-08-09 22:36:37 · 426 阅读 · 0 评论 -
兄弟组件及任意组件间传值
最经典的是父子之间的传值: 官网推荐方式: 父组件html: <div class="content"> <div class="left"> <!-- 这里的这/ 不能少--> <a [routerLink]="['/home/welcomeHome']">欢迎首页</a> <br><br> <a [routerLink]="['/home/systemSetting']">系原创 2020-08-09 21:00:37 · 756 阅读 · 0 评论 -
Angular二级导航栏
1,将菜单放入数据库: 模拟放到该路径下: src/assets/json/header.json { "siteName": "PGG娱乐健身中心", "menu":[ { "id":"1", "menuName":"首页", "menuChildren": [{}], "showSubMenu": false }, { "id":"2", "menuName原创 2020-05-17 16:45:09 · 626 阅读 · 0 评论 -
进一步理解angular
在上一篇文章中我介绍了安装和结构,以及运行过程。 https://blog.youkuaiyun.com/weixin_42603009/article/details/94382945 我们进一步理解其中的数据单向、双向、组建传值、Modules等的理解。 将你新建的项目用vs或者webStorm打开。 查看package.json,找到scripts中的运行命令运行。(另外这个json中还有依赖的包) ...原创 2020-03-28 00:21:45 · 359 阅读 · 0 评论 -
mock的使用整理(angular中)
首先,我们建一个json文件,在根目录下assets下名为test.json [ { "testjson":[ { "id":"123", "username":"abc3", "tel“:"123451" }, { "id":"1234", "username":"abc2", "tel“:"123452" }, ...原创 2019-09-04 20:22:33 · 2629 阅读 · 0 评论 -
js以及ts
1,字符串去开头的零(前台数据是0000你好,你好都要那么就不能必须在前台) var str = '0000你好'; var str1 ='0000你好0号00'; console.log(str.replace(/\b(0+)/gi , "")); // 你好 console.log(str1.replace(/^0+/ , "")); // 你好0号00 2,前台对象转为json的方法 Ja...原创 2019-07-24 21:44:27 · 144 阅读 · 0 评论 -
文件和静态文件常识测试
以本地稳准(服务器也类似) 电脑桌面上,有一个VMware说明.txt。用googel浏览器访问文件路径: 用IE浏览器测试结果: 最好的浏览器和最差都是如此。 点击路径,可以发现本质:自己电脑上的文件路径。 那么这里又延申出一个问题:(曾经在vue.js项目中写过下面向服务器上传图片的方式) 今天在angular中也需要了,不过是去服务器的图片显示。代码由于公司保密程度太高,拿不到。说说大...原创 2019-07-18 22:51:53 · 177 阅读 · 0 评论 -
angular.js
如果有vue的概念,理解angular.js应该会很容易,组件的概念(下一份工作要用提前看你一眼,细致的之后再总结)。 参考文档有两点:https://angular.cn/guide/setup-local和官网文档(vue也是如此)。 分析一个helloword程序 :(AngularJS的也是双向数据绑定。) html: <!doctype html> <html ng-a...原创 2019-07-01 14:57:42 · 506 阅读 · 0 评论