angular7 + ng-zorro-antd 开发问题小记

本文记录了在使用Angular7和ng-zorro-antd开发过程中遇到的问题,包括压缩打包时预算超限的解决、通过IP访问项目、子组件与父组件的交互、图片加载失败处理及iframe安全问题。详细介绍了如何处理这些问题,如调整angular.json的budgets配置,使用@ViewChild和@Input进行组件间的通信等。
摘要由CSDN通过智能技术生成
压缩打包
ng build --prod --build-optimizer     // 编译后进一步压缩文件的大小

在这里插入图片描述

打包遇见的问题:

  1. 超过budgets
WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB

解决:angular.json文件中的budgets的maximumWarning值

    "budgets": [{
          "type": "initial",
          "maximumWarning": "4mb",
          "maximumError": "5mb"
        }]
1、通过ip地址访问同一局域网下已经启动的angular项目
ng serve --host 192.168.1.136(ip地址)
2、子组件引用父组件的 children 属性
import { Component, OnInit, Input, ElementRef,Output,EventEmitter } from '@angular/core'
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值