随笔分类 -  Angular/Vue/TypeScript

新的前端
摘要:1:官网下载稳定版本Nginx 1.26.0 2:先跑起来看是否异常,如果没有跑起来我们可以检查分析nginx的log日志 3:项目路径如下: 4:前端多环境简单测试配置 5:路由配置简单测试数据 const routes: Routes = [ { path: '', redirectTo: '/ 阅读全文
posted @ 2024-11-30 00:06 天天向上518 阅读(16) 评论(0) 推荐(0) 编辑
摘要:在Angular 中,怎么获取 HTML 元素的属性值?或者说类似js来操作操作html元素的属性 1: 使用 ElementRef使用 ElementRef 可以直接访问 DOM 元素,并获取其属性值。父组件 (ParentComponent) import { Component, OnInit 阅读全文
posted @ 2024-09-02 17:41 天天向上518 阅读(46) 评论(0) 推荐(0) 编辑
摘要:直接code 1:Angular cli 创建组件component ng g component components\right ng g c wave 简写 需要定位到根路径下即可创建组件 Could not find an NgModule. Use the skip-import opti 阅读全文
posted @ 2024-06-20 17:10 天天向上518 阅读(40) 评论(0) 推荐(0) 编辑
摘要:Angular 兄弟组件之间的传值 在Angular中,兄弟组件之间直接传递数据并不直接支持,但可以通过以下几种方式实现通信: 1 使用服务(Service): 创建一个服务,用于存储和管理需要共享的数据。 在这个服务中定义一个BehaviorSubject或ReplaySubject(来自rxjs 阅读全文
posted @ 2024-06-20 16:44 天天向上518 阅读(120) 评论(0) 推荐(0) 编辑
摘要:1:一个项目的所有组件如下 测试案例: AppComponent, HomeComponent, TopComponent, MenuComponent, ProductComponent, BodyComponent, MydialogComponent, MybooksComponent, St 阅读全文
posted @ 2024-06-18 11:55 天天向上518 阅读(43) 评论(0) 推荐(0) 编辑
摘要:1:为啥要使用拦截器 httpClient 请求响应处理,其作用我们主要是: 目前我的Angular版本是Angular 17.3,版本中实现请求和响应的拦截处理了。这种机制非常适合添加如身份验证头、错误统一处理、日志记录等功能。 具体的操作步骤 2:注入服务:ng g s services/myh 阅读全文
posted @ 2024-06-18 11:55 天天向上518 阅读(290) 评论(0) 推荐(1) 编辑
摘要:1:angular 使用primeNG 批量上传文件的操作(分两步,先上传文件到minio文件服务器,在写入到业务数据) 2:前端 html code <div> <p-fileUpload mode="basic" name="files" url="{{flieUploadFiles}}" ac 阅读全文
posted @ 2024-05-14 17:16 天天向上518 阅读(23) 评论(0) 推荐(0) 编辑
摘要:Angular使用分页,具体步骤如下: 1:根模块或者要开发的当前分开的模块下面的根模块导入 import { PaginatorModule } from 'primeng/paginator'; 2:html端的table布局 <div> <p-table [value]="PageDatas" 阅读全文
posted @ 2023-11-12 21:36 天天向上518 阅读(149) 评论(0) 推荐(0) 编辑
摘要:1:导入相关的包 import { MultiSelectModule } from 'primeng/multiselect'; 2:html code <div class="grid"> <div class="card flex justify-content-center"> <p-mul 阅读全文
posted @ 2023-11-12 21:20 天天向上518 阅读(145) 评论(0) 推荐(0) 编辑
摘要:属性样式绑定 属性样式的多目表达式绑定 Angular-ifelse条件判断来渲染那一块 Angular事件 双向绑定 修改表单上的控件的值 Angular表单验证-自带的 Angular表单验证-自定义 *******后续补上******** 路由 Angular自带的Get和Post请求 npm 阅读全文
posted @ 2023-11-05 23:31 天天向上518 阅读(11) 评论(0) 推荐(0) 编辑
摘要:创建安装Angular 12版本: npm install -g @angular/cli@12.2.17 检查angular -cli的版本ng--version, ng --service 创建工程: ng new jp-demo1 add Angular roting? y ......... 阅读全文
posted @ 2023-11-03 23:27 天天向上518 阅读(255) 评论(0) 推荐(0) 编辑
摘要:父传子 父组件给子组件传递方法 将整个父组件传值给子组件 子传父 阅读全文
posted @ 2023-11-03 15:47 天天向上518 阅读(19) 评论(0) 推荐(0) 编辑
摘要:Angular 部分学习截图 目录结构 组件简单说明 自定义组件简单命令 在app根组件中使用调用news组件 定义数据并显示到模板中 根模块 创建项目时 定义的几种数据方式 在构造函数或者方法中给属性赋值 定义数组 复杂对象数组显示到页面上来 引入本地的和远程的图片资源 循环的index ng-i 阅读全文
posted @ 2023-10-30 21:28 天天向上518 阅读(20) 评论(0) 推荐(0) 编辑
摘要:网络上的一些基础视频教的很好,特学习参考记录一下 vue3组合式api vue3优势 vue3新的脚手架 使用create-vue创建项目 目录和关键文件 setup基本使用 setup小结 reactive ref reactive与ref小结 computed watch vue2与vue3生命 阅读全文
posted @ 2023-08-13 15:07 天天向上518 阅读(19) 评论(0) 推荐(0) 编辑
摘要:网络视频教材教的不错,截图复习记录一下: 组件平级之间的传值 Slot插槽 父传子 子传父 es6导入导 webpack基本使用 路由 es6导出按需直接导入 Webpack基本模块化的使用 webpack自动打包 webpack loader加载器打包加载css,less, scss webpac 阅读全文
posted @ 2023-07-15 23:07 天天向上518 阅读(12) 评论(0) 推荐(0) 编辑
摘要:Vue学习部分截图,个人学习记录使用,方便查看,下面为网络上学习的部分视频截图,讲的还是不错的: 阅读全文
posted @ 2023-02-13 15:31 天天向上518 阅读(27) 评论(0) 推荐(0) 编辑
摘要:1:前端code 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1 阅读全文
posted @ 2020-10-08 18:29 天天向上518 阅读(419) 评论(0) 推荐(0) 编辑
摘要:1:code 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0 阅读全文
posted @ 2020-10-08 17:39 天天向上518 阅读(399) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示