精华内容
下载资源
问答
  • $ cd nebular-angular-seed/nebular-angular-seed 安装项目的依赖项 $ npm install 为了开始使用种子: $ npm start 要构建应用程序,请执行: $ npm run build 怎么测试? 要测试项目使用: $ npm run test ...
  • 如果您创建基于Angular的Rich UI应用程序,并且不希望将时间花费在痛苦的项目设置上,Nebular是一个很棒的工具包。 它为您提供统一的方法来管理各种组件样式 Nebular 是您下一个 Angular 应用程序的一组基本模块。 ...
  • 如果您创建基于Angular的Rich UI应用程序,并且不希望将时间花费在痛苦的项目设置上,Nebular是一个很棒的工具包。 它为您提供统一的方法来管理各种组件样式
  • Nebular 是一个可定制的 Angular UI 库,包含 40 多个 UI 组件、四个视觉主题以及身份验证和安全模块。 这个 Angular 框架在著名的 AngularConnect 2018 上得到认可,可以专注于漂亮的设计,使它们适应您的品牌。 ...
  • @ nebular / theme模块,更多详细信息
  • $ cd nebular-angular-seed/nebular-angular-seed 安装项目的依赖 $ npm install 为了开始种子使用: $ npm start 要构建应用程序,请执行: $ npm run build 如何测试? 要测试项目,请使用: $ npm run ...
  • Nebular是可自定义的Angular 10 UI库,着重于精美的设计并能够轻松地使其适应您的品牌。 它带有4个令人惊叹的视觉主题,功能强大的主题引擎,运行时主题切换和自定义CSS属性模式的支持。 Nebular基于Eva设计系统规范...
  • NebularUI库:这是一个俄罗斯的UI库,不知道为什么,并没有封装表单验证功能,可能是因为angular 有自己的一套表单验证方式吧~ https://akveo.github.io/nebular/docs/components/components-overview 感觉 歪果仁的审美...

    NebularUI库:这是一个俄罗斯的UI库,不知道为什么,并没有封装表单验证功能,可能是因为angular 有自己的一套表单验证方式吧~
    https://akveo.github.io/nebular/docs/components/components-overview
    感觉 歪果仁的审美 跟 中国UI库 还是有点差别的,功能也没有antd element 等组件库 那么万能.
    Angular官网对 表单验证的解释
    https://www.angular.cn/api/forms/Validators
    结合之前的文章: Angular 从零开始 4- form表单验证
    https://blog.csdn.net/qq_37167049/article/details/96323762

             <form novalidate #anyName="ngForm">
                <input type="text" nbInput fieldSize="small" placeholder="" id="name" name="name" pattern="[1-9]*"
                    [(ngModel)]="hero.name" #name123="ngModel" required
                    [status]="name123.invalid && (name123.dirty || name123.touched)&&name123.errors.pattern?'danger':'default'"
                    (blur)="handleBlur(hero.name)">
                <div *ngIf="name123.invalid && (name123.dirty || name123.touched)">
                    <div *ngIf="name123.errors.required">
                        你得写东西.
                    </div>
                    <div *ngIf="name123.errors.pattern">
                        你得输入数字
                    </div>
                </div>
                <button nbButton status="info" [disabled]="anyName.invalid"
                    (click)="handleClick(anyName.value)">Info</button>
            </form>
    
      hero = { name: '', abc: '' }
      handleBlur(val) {
        console.log(val, "123")          // 用户输入值
    
      }
      handleClick(val) {
        console.log(val, '222')     // 表单提交对象
      }
    

    name123.invalid 等对应 #name123=“ngModel”
    [disabled]=“anyName.invalid” 对应 <form novalidate #anyName=“ngForm”>
    表单正则验证不通过 button 不可点击, 都ok button可点,且input框 正则不通过 显示 红色border.
    效果图如下:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 最近写博客玩,用的nebular,感觉里面的auth模块和acl模块挺好用,nebular 使用场景 主要用于身份认证,权限控制 前端登录后端,后端返回token,前端通过该token明确用户是什么身份,具有哪些权限,使用户身份与...
    最近写博客玩,用的nebular,感觉里面的auth模块和acl模块挺好用, nebular

    使用场景

    • 主要用于身份认证,权限控制
    • 前端登录后端,后端返回token,前端通过该token明确用户是什么身份,具有哪些权限,使用户身份与操作ui相得益彰。

    知识前置,token,jwt(json web token)

    • 虽说直接用别人的模块,还是需要了解下token的知识,现在流行的基于token的权限验证主要是jwt,看看阮一峰的介绍
    • 权限认证主要基于session,和cookie,session是把状态保存在服务器上,cookie则是在前端保存。token也是在前端保存,可以放cookie也可以放localstorage里。
    • jwt就是一个字符串,中间用'.'隔开,分成三个部分,前两个部分分别是header和payload,都是两个json经过base64url转化后的字符串,因此前端可以直接转化后读取。第三部分是签名,由服务器用密钥生成,确保该token没有经过篡改。

    nebular便利之处

    • 一般我们会写登录注册component,然后写登录注册修改密码等service,同时还需要写权限校验的service或者directive,还需要路由守卫等。
    • nebular的auth模块和acl模块把这些工作都全部封装好了。只需要配置,然后在模块中import即可使用。
    • nebular提供了登录注册等组件,直接使用即可,但是我们会觉得不好看,或者功能不够,所以我们可能会重写他的组件。重写需要拷贝他的源码,然后注意保护和权限认证相关的逻辑,使这种一条龙流程不会断掉。

    使用流程

    参考文档

    展开全文
  • Angular在Nebular项目中编写自己模块

    千次阅读 2018-06-09 13:21:24
    https://akveo.github.io/nebular/#/docs/installation/based-on-starter-kit-ngxadmin一、在指定文件夹下生成带路由的模块ng g m --routing pages/attend常用新建指令:ng g cl my-new-class: 新建 classng g c my-...

    https://akveo.github.io/nebular/#/docs/installation/based-on-starter-kit-ngxadmin

    一、在指定文件夹下生成带路由的模块

    ng g m --routing pages/attend


    常用新建指令:

    ng g cl my-new-class: 新建 class

    ng g c my-new-component: 新建组件

    ng g d my-new-directive: 新建指令

    ng g e my-new-enum: 新建枚举

    ng g m my-new-module: 新建模块

    ng g p my-new-pipe: 新建管道

    ng g s my-new-service: 新建服务

    二、创建模块部分组件,组建中只放一个路由插座,配置路由

    ng g c -it -is pages/attend


    可选项:

    • --flat: boolean, 默认为 false, 表示在 src/app 目录下生成组件而不是在 src/app/site-header 目录中

    • --inline-template: boolean, 默认为 false, 表示使用内联模板而不是使用独立的模板文件

    • --inline-style: boolean, 默认为 false, 表示使用内联样式而不是使用独立的样式文件

    • --prefix: boolean, 默认为 true, 使用 .angular-cli.json 配置的前缀作为组件选择器的前缀

    • --spec: boolean, 默认为 true, 表示生成包含单元测试的 spec 文件

    • --view-encapsulation: string, 用于设置组件的视图封装策略

    • --change-detection: string, 用于设置组件的变化检测策略

    三、将我们编写的模块加入左侧菜单栏










    展开全文
  • Nebular是用Java编写的模糊逻辑API。 它用纯Java编写,包含模糊逻辑,模糊集和运算,模糊控制,决策支持,2类模糊逻辑和2类模糊区间。
  • angular封装框架nebular源码
  • 太阳的 安装 npm install 运行开发服务器 npm run dev 构建和运行生产服务器 npm run build npm run start 部署方式 npm run deploy 生产 该项目正在媒体平台上提供服务。
  • <nb-select multiple placeholder="Multiple Select"> <nb-option *ngFor="let i of list" [value]="i.value" [(selected)]="i.selected" (click)="onClick(i)">{{i.value}}--{{i.label}}<...

    html

    <nb-select multiple placeholder="Multiple Select">
      <nb-option *ngFor="let i of list" [value]="i.value" [(selected)]="i.selected" 
      (click)="onClick(i)">{{i.value}}--{{i.label}}</nb-option>
    </nb-select>

    ts

    list:any=[
        {value:"value1",label:"label1",selected:false},
        {value:"value2",label:"label2",selected:false},
        {value:"value3",label:"label3",selected:false}
    ];
    
    
    onClick(i:any){
        i.selected = !i.selected;
        console.log("selected:"+i.selected+"; value:"+i.value+"; label:"+i.label);
    }

    效果图

    展开全文
  • 1.       <br /> 2. JDK 6 2.1 安装 jdk-6u20-linux-x64-rpm.bin rpm -ivh jdk-6u20-linux-amd64.rpm% chmod a+x jdk-6u <br /> -linux-x64-rpm.bin...
  • Nebular Chain

    2007-10-22 23:50:00
    Nebular Chain Nebular Chain has 2 mode attack and defense. In defense mode the chain will rotate it self toform a nebular like circle from top view to defense its owner. In attack mode, it will att....
  • nebularAuth-源码

    2021-03-22 03:33:56
    NebularAuth 该项目是使用版本11.2.4生成的。 开发服务器 为开发服务器运行ng serve 。...如果您更改任何源文件,该应用程序将自动重新加载。 代码脚手架 运行ng generate component component-name生成一个新的组件。...
  • 文章目录背景最小重现的排查过程最后 背景 这是一个多种因素综合导致的bug,排查问题花了一些时间,特别是版本9.1.0和9.1.1这种小版本号的差别导致不同的运行结果容易被忽视。 某个部署环境之前的用于编译的Angular...
  • 很多人反应很难访问 Github Page,所以 ng-alain.com 转移到阿里云服务器上,因此做了一次完整的 Angular 容器部署。 以下我会阐述 ng-alain 整个过程,其中包括 Docker、Nginx、Let’s Sencrypt 证书等范涛,我无法...
  • import {NbTokenService} from '@nebular/auth/services/token/token.service' import 'rxjs/add/operator/switchMap'; @Injectable() export class RequestInterceptor implements HttpInterceptor { ...
  • 上文链接从零开始在Angular 6中使用ng2-smart-table组件中的LocalDataSource
  • 开源项目

    2020-03-19 06:59:04
    地址:https://github.com/puikinsh/gentelella ng2-admin 基于Angular 8+和Nebular的管理模板 地址:https://github.com/akveo/ngx-admin ant-design-pro 适用于企业应用程序的即用型UI解决方案,作为React样板。...
  • datePicker控件中文转换js,datePicker控件中文转换js
  • 玩的岁月

    2010-08-04 02:21:00
    那时隔壁有台电脑配置比较强,可以跑nebular模拟器,有一次我看到他们在玩KOF,但我的机器跑不动nebular,于是搞了一个neo装起来。neo的好处是低配置的机器上也可以跑,但加载游戏极慢,我还记得每次加载都得等一分...
  • Angular安装

    2018-06-08 18:06:52
    一、安装好nodejs二、执行以下命令npm i -g typescript typingsnpm i -g @angular/cli三、官方QuickStart网址https://angular.io/guide/quickstart四、问题解决方案...
  • 一、知识点 Angular模块核心知识点如下: 1.模块的作用。2.模块各个元数据的含义和作用3.模块有哪些分类,分类原则4.模块的惰性加载机制5....二、模块作用 首先,模块作为一个容器,有封装代码的作用,组件、指令、管道...
  • 2018年终总结

    2019-03-14 11:14:12
    嗯,快放假了,再上一天班,明晚就肥家了,来个年终总结。
  • angular自己的笔记

    2014-12-16 18:27:00
    angular知道怎么用了, 就打算读一读源代码; &lt;html ng-app="phonecatApp"&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;...
  • Nebula3 in CLR

    千次阅读 2008-11-18 22:44:00
    有用N3 + CLR做界面的冲动 新建一个CLR WinForm工程, 直接引入N3的头文件和库进行编译........ 编译不过, 找了半天才发现原因晕死, .Net和N3都有个System命名空间, 没法改Microsoft的东西, 只好把N3的System改成了...
  • IRIS-H数字取证工具 IRIS-H是一种在线数字取证工具,可以对基于目录...AKVEO - Nebular UI - Twittersphere-灵感来源 堆栈溢出-有影响力的头脑 行业同仁和同事-专业支持- 朋友和家人-道德支持- 所有决定保持匿名的人-

空空如也

空空如也

1 2 3 4
收藏数 78
精华内容 31
关键字:

Nebular

友情链接: guangliufa.rar