JUST_lOVE_LE的博客

首先需要在pubspec.yaml中配置:dependencies: js: ^0.6.1+1 #主要是指明这个,可以根据实际情况配置版本 flutter: sdk: flutter然后直接看代码，在lib包下的任意的目录新建一个dartjs.dart文件,代码如下:import 'dart:js' as js;void main() { //示例调用测试函数test.js print(js.context.callMethod("noparam")); //带参数 p

继续上一次表格的内容，这次要在页面的头部加上一个搜索框，然后让表格的数据可以根据搜索内容更新首先要介绍下ng-zorro的栅格化布局,以下摘自官网在多数业务情况下，Ant Design 需要在设计区域内解决大量信息收纳的问题，因此在 12 栅格系统的基础上，将整个设计建议区域按照 24 等分的原则进行划分。划分之后的信息区块我们称之为『盒子』。建议横向排列的盒子数量最多四个，最少一个。『盒子』在整个屏幕上占比见上图。设计部分基于盒子的单位定制盒子内部的排版规则，以保证视觉层面的舒适感。布局的栅格

继续上次的内容，上次的内容为angular整合ng-zorro、左边导航栏。首先新建一个组件,下面代码会在src/app/pages路径下新建一个menus的组件ng g component pages/menus新建完组件后删除menus.component.spec.ts文件，这一下文件目录如下图所示：比较重要的文件我都框起来了，app-routing.module.ts就是路由文件，修改变量routes为:const routes: Routes = [ { path: '', pa

上一篇已经介绍了angular了，接下来介绍ng-zorro，这个阿里推出的ant design of angular，已经做了一些基础性的工作，并且封装了一些组件，并且也是官方推荐的。在新建好的angular工程中引入ng-zorro代码如下:ng add ng-zorro-antd等待安装完成后通过命令npm start或者ng serve -- open均可以启动工程,页面如下图，这里我展示的是进行修改后的结果，这篇文章也会说明如何修改代码使得左边菜单栏符合我们的实际需求通过检

环境搭建步骤需要安装nodejs、cnpm,nodejs就是上官网下载就好了,选择长期支持版本比较好,cnpm安装只要执行命令即可:npm install -g cnpm --registry=https://registry.npm.taobao.org安装angular cli : cnpm install -g @angular/cli创建应用:cd 目录,执行命令: ng new my-app启动项目:ng serve --open; 默认端口是4200创建组件: ng g compon