3settings 中文文档教程

Question

Settings

此库是使用 Angular CLI 12.2.0 版生成的。

Code scaffolding

运行 ng generate component component-name --project settings 生成一个新组件。 您还可以使用 ng generate directive|pipe|service|class|guard|interface|enum|module --project settings。

注意：不要忘记添加 --project settings 否则它将被添加到 angular.json 文件中的默认项目。

Build

运行 ng build settings 来构建项目。 构建工件将存储在 dist/ 目录中。

Publishing

使用 ng build settings 构建您的库后，转到 dist 文件夹 cd dist/settings 并运行 npm publish。

Running unit tests

运行 ng test settings 以通过 Karma 执行单元测试。

Further help

要获得有关 Angular CLI 的更多帮助，请使用 ng help 或查看 Angular CLI 概述和命令参考 页面.

Implementation example

    export interface Option {
    id: string,
    name: string,
    checked: boolean
    }

    options: Option[] = [
        {
            id: "push_notifications",
            name: "Push notifications",
            checked: false
        },
        {
            id: "quick_access",
            name: "Quick access",
            checked: false
        }
    ]

    <emp-settings 
    (toggleCheckChanged)="onToggleChanged($event)" 
    [options]="options">
    </emp-settings>

Properties

Property	Description	Type	Default
id	ID to get the item from toggleCheckChanged.	string	empty
name	Settings option name.	string	Default Label
checked	Boolean to indicate the toggle status.	boolean	false

Events

Event	Description	Type
toggleCheckChanged	Method to grab the toggle event	CustomEvent<{ id: string, checked: boolean }>