当前位置: 首页 > 软件库 > 云计算 > Serverless 系统 >

ng-toolkit

授权协议 MIT License
开发语言 JavaScript
所属分类 云计算、 Serverless 系统
软件类型 开源软件
地区 不详
投 递 者 贾沛
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

@ng-toolkit

This project has two faces:

  • First, a Angular Universal PWA boilerplate, prepared for easy deployment on Serverless environment. The boilerplate contains all of the best practices and is continously evolving. Find out more about the boilerplate here.
  • Second, a collection of schematics (used with the ng add command) which can be applied to existing Angular projects. All schematics comes from the boilerplate mentioned above. The main goal is to make those schematics interchangeably (developer can apply them in any order)!

Wanna be a server-side Angular hero?

If you want to sharpen your skills in Angular Universal or you won't find what you're looking for in this project; check out the Guide to Angular Universal written by me for Newline.co!

Content

What's inside

PWA starter

npm install -g @ng-toolkit/init
ng new --collection @ng-toolkit/init myApp [--provider --firebaseProject --gaTrackingCode --firebug]

PWA - @angular/pwa extension

Add update mechanism and server-side rendering fixes to your PWA

ng add @ng-toolkit/pwa [--serverModule]

Serverless (Firebase, AWS Lambda, Google Cloud Functions)

Make your app deployable on serverless environment (FaaS)

ng add @ng-toolkit/serverless [--provider --firebaseProject]

Angular Universal

Add server-side rendering and improve SEO of your app

ng add @ng-toolkit/universal

Firebug-lite

Add firebug-lite to your Angular app

ng add @ng-toolkit/firebug

Planned features

Looking for something more?

Feel free to create issue with your feature request

Support @ng-toolkit

You can support development of this project via:

If you want, you can be listed on the List of donors on the demo page.

Open Collective Backers

Thank you to all our backers! �� [Become a backer]

Open Collective Sponsors

Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]

Credentials

  • Checkout my home page and find out more about me
 相关资料
  • 问题内容: 我试图了解和/ 之间的区别,但对我来说它们看起来相同。 我应该记住使用一个或另一个来区别吗? 问题答案: ngIf 该指令根据表达式 删除或重新创建 DOM树的一部分。如果赋值为的表达式的计算结果为假值,则将元素从DOM中删除,否则将元素的克隆重新插入DOM中。 删除元素时,使用它的作用域将被销毁,并在恢复该元素时创建一个新的作用域。在内部创建的作用域使用原型继承从其父作用域继承。 如

  • 问题内容: 任何人都可以为该JSFiddle提供正确的方法: JsFiddle链接 我正在尝试通过.class&#ID更改元素的类。 提前致谢 感谢tymeJV,新的JSFiddle: 解 问题答案: 正确的方法是根据切换变量使用,请考虑: CSS: JS: HTML: 通过根据变量(“ toggle”)是否为或分配引用的类(在上面为“红色”)来工作。

  • 问题内容: 我了解这一点,并会影响在元素上设置的类,并控制是否将元素呈现为DOM的一部分。 有没有对选择的准则在/ 或反之亦然? 问题答案: 取决于您的用例,但总结不同之处: 将从DOM中删除元素。这意味着您所有的处理程序或所有附加到这些元素的内容都将丢失。例如,如果将单击处理程序绑定到子元素之一,则将其评估为false时,将从DOM中删除该元素,并且即使稍后将其评估为true并显示该元素,您的单

  • NG Bootstrap 是基于 Angular(非 Angular.js)开发的 Bootstrap CSS 框架的指令集。 原生开发 专为Bootstrap 4 开发的Angular组件,开发了符合Angular生态系统的API,没有使用任何第三方Javascript库来实现,全都是纯粹的原生Javascript。 Boostrap的JS插件 支持全部Boostrap自带的Javascript

  • Mogwai ERDesigner NG是一个实体关系建模工具类似于ERWin。它设计成让数据库建模变得尽可能简易并为整个开发过程提供支持,从数据库设计到模式 (schema)和代码生成。此外ERDesigner还提供一个灵活的插件体系,从而可以通过安装新的插件来扩展该工具的功能。ERDesigner提 供的功能包括: *.能够使用一个强大和易于使用的图形编辑来设计数据库模型。 *.能够依据ER图

  • ng-inspector 是Chrome和Safari的浏览器扩展程序,它显示一个检查器面板,该面板实时显示当前页面中的AngularJS作用域层次结构,以及哪些控制器或指令与哪个作用域相关联。 将鼠标悬停在检查器中的范围上将突出显示该范围附加到的DOM元素。单击模型将console.log该模型的内容。 该扩展程序在带有AngularJS徽标的地址栏旁边添加了一个按钮,用于打开和关闭窗格。