ng-lightning
This library contains native Angular components and directives written from scratch in TypeScript using the Lightning Design System CSS framework.
We are looking for community help to find and fix bugs, improve demo site and create new components.
Installation
Install through npm:
npm install --save ng-lightning
Dependencies
This library depends on Salesforce's LDS markup and CSS (tested with 2.9). We don't ship any CSS file, but you have to take care of including LDS CSS rules in your page. There are various ways to achieve this, for example compiling through their source files (@salesforce-ux/design-system) or by adding this into your <head>:
<link rel="stylesheet" href="https://unpkg.com/@salesforce-ux/design-system/assets/styles/salesforce-lightning-design-system.min.css">
SVG Icons
Because of various cross-domain issues, if you want to use SLDS icons, you must provide a copy of the various sprite files (ie @salesforce-ux/design-system/assets/icons/action-sprite/svg/symbols.svg), served locally through your server.
IE11 support
Unfortunately, IE11 does not support two important features.
SVG External Content, used to load SVG icons from a spritemap. In order to support this, you will need to use a small script called svg4everybody.
Available on npm cdn here.Element.classListon SVG elements, used by Angular'srenderer.setElementClass. See here for more information. Use classList.js shim, available on npm cdn here.
Typically, these shims should be placed within the <head> element.
Usage & Demo
http://ng-lightning.github.io/ng-lightning/
Contributing
We are always looking for high quality contributions! Please check the CONTRIBUTING.md doc for guidelines.
Need help?
For questions on how to use ng-lightning or how to contribute, please post questions to using the ng-lightning tag. If you find a bug in the source code or a mistake in the documentation, you can help us by submitting an issue to our GitHub Repository.
Companies using ng-lightning
Browsers
We support the same browsers and versions supported by both Angular and Salesforce's Lightning Design System.
Cross browser/environment testing is performed through Saucelabs.
-
问题内容： 我试图了解和/ 之间的区别，但对我来说它们看起来相同。 我应该记住使用一个或另一个来区别吗？ 问题答案： 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徽标的地址栏旁边添加了一个按钮，用于打开和关闭窗格。