前端三大框架

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

1-8渲染本地数据

浏览 81 扫码 分享 2022-09-22 23:48:54
  • 3. 渲染本地数据
    • 1 新建一个data.ts引入本地数据,导出数据
    • 2 ts引入数据
    • 3 组件渲染

    3. 渲染本地数据

    1 新建一个data.ts引入本地数据,导出数据

    2 ts引入数据

    1. import cartList from './data';
    2. export class HeaderComponent implements OnInit {
    3. public cartList:any=cartList
    4. constructor() {
    5. console.log(cartList)
    6. }

    3 组件渲染

    1. <div *ngFor="let item of cartList">{{item.productName}}</div>

    若有收获,就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • Vue
      • 常用之进阶VUE
        • 1.vue中axios前端跨域
        • 2.事件修饰符
      • 一、起步
        • 1-1vue-demo
        • 1-2插入图片
        • 1-3vue-webpack打包
        • 1-4开发环境配置
      • 二、vue组件
        • 2-1页面返回
        • 2-2点击某个对象删除
        • 2-3拿取视频url播放
        • 2-4轮播 vant-ui
        • 2-5单向数据流
        • 2-6双向数据流
        • 2-7原生模态框
        • 2-8动态组件
        • 2-9定位vuex传参
        • 2-10上拉加载刷新
        • 2-11欢迎页面倒计时
        • taber页
      • 三、基本语法
        • 3-1过滤器 购物车
          • 1-1换算分秒过滤器
        • 3-2异步路由 get传值
        • 3-3组件传值
        • 3-4缓存
        • 3-5生命周期 事件监听
        • 3-6路由
          • 6-1子路由
          • 6-2动态路由
        • 3-7http请求
        • 3-8给对象新增属性(使用vue.$set)
      • 四、动画
        • 4-1动画封装成插槽
        • 4-2三元表达式
        • 4-3获取Dom属性
        • 4-4音乐播放
        • 4-5图片滑动
        • 4-6跑马灯效果
      • 五、爬坑之旅
      • 六、Element
        • 6-1分页器
        • 6-2登录框
      • 七、配置
      • 八、keep-alive
      • 九、vuex
        • 9-1vuex-day02
      • 十、正则
      • 十一、项目
        • 11-1shop
      • 十二、mpVue
        • 解决报错
        • flyio发送请求
        • mpvue使用vant
      • 网易云播放动画 实例
        • 选项添加删除实例
        • 1-1音乐盒子
        • 1-2实例 码云地址
        • 1-3购物车 vant
        • 1-4渐隐渐显的导航
    • React
      • 一、基本概念
        • 1-1styled-components
        • 1-2组件之间的传参
        • 1-3HTTP请求
        • 1-4数据双向绑定
        • 1-4路由
          • 4-1动态路由
          • 4-2子路由
        • 1-5生命周期
        • 1-6内联样式
        • 1-7渲染本地数据
        • 1-8数据持久化
      • 二、组件
        • 2-1点击删除
      • 三、antd
      • 四、爬坑之旅
      • 五、redux的使用
      • 六、react native
        • 6-1夜神模拟器
        • 6-2路由导航配置
          • 2-1拆分路由
          • 2-2配置两个栈
        • 6-3配置导航条
          • 3-1底部导航的配置
        • 6-4跳转路由
        • 6-5业务
          • 5-1欢迎页跳首页
        • 6-6icon的使用
    • Angular.js
      • 一、基本语法
        • 1-1在父组件中使用子组件的数据
        • 1-2泛型
        • 1-3装饰器
        • 1-4生命周期
        • 1-5路由
          • 5-1一级路由
          • 5-2get传值
          • 5-3动态路由
          • 5-4事件跳转路由
          • 5-6子路由
        • 1-6service
          • 6-1组件传参(城市)
        • 1-7生命周期和DOM获取
        • 1-8渲染本地数据
        • 1-9模块
      • 二、Ant Design of Angular
      • 三、业务
        • 3-1购物车
        • 3-2点击删除
      • 四、爬坑之旅
      • 五、ionic
    暂无相关搜索结果!

      让时间为你证明

      展开/收起文章目录

      分享,让知识传承更久远

      文章二维码

      手机扫一扫,轻松掌上读

      文档下载

      请下载您需要的格式的文档,随时随地,享受汲取知识的乐趣!
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度

          思维导图备注