angular tree component
Getting started
Install angular-tree-component:
npm install @circlon/angular-tree-component
Import TreeModule:
import { TreeModule } from '@circlon/angular-tree-component';
@NgModule({
declarations: [AppComponent],
imports: [TreeModule],
bootstrap: [AppComponent]
})
export class AppModule {}
Add css to styles.scss or include in angular.json:
@import '~@circlon/angular-tree-component/css/angular-tree-component.css';
Docs, Demos & More
We are redoing the documentation. You can find the new documentation here:https://circlongroup.github.io/angular-tree-component/
The API Reference is still in our old documentation for now:
https://angular2-tree.readme.io/docs/
Support
Angular supported version
angular-tree-component supports angular 2 and above, and AoT compilation.
Contributing
Run npm run build (npm run build:win for windows users) to build. Run npm start:example-app and open localhost:4200 to test your code before submitting a pull request.
To run tests locally - make sure port 4200 is available and run:
$ npm run build # build:win for windows; wait until build finished
$ npm run start:example-app # Wait until webpack finishes and http://localhost:4200 is available
$ npm run test:dev
Please check the issues / project before starting to work on a feature / bug to make sure it's not already in progress.
Contributors
This project exists thanks to all the people who contribute.
-
1、terminal.module.ts ...... // Angular Tree Component import { TreeModule } from 'angular-tree-component'; import {DepartmentTreeComponent} from "app/entities/terminal/department-tree.component"; ...
-
异步加载及拖拽实现 异步加载实现 可以如下代码(zorro官网拷贝)，异步加载数据 import { Component } from '@angular/core'; import { NzFormatEmitEvent, NzTreeNodeOptions } from 'ng-zorro-antd/core'; @Component({ selector: 'nz-demo-tree-
-
为了方便, 本文所有的Angular均表示Angula2及以上版本，对于使用Angular1/Angular.js的读者可作为参考 前言 目前正在写一个Angular的Markdown编辑器，需要一个树形组件来写文件系统。刚好之前用过Angular Material的树形组件，就想照着写一个。毕竟直接把Angular Material引进来会多出其他用不到的组件，而且自己实现还能更深入学习Angu
-
Tree Shakeable Providers and Services in Angular Angular 最近推出了一项新功能，Tree Shakeable Providers。 Tree Shakeable Providers 是一种定义服务和其他东西的方式，以一种可以提高 Angular 应用程序性能的方式被 Angular 的依赖注入系统使用。 首先，在我们深入挖掘之前，让我们先定义
-
ant design of angular中的nz-tree在官方实例并没有给出和context menu的例子， 不过官方的context menu独立的例子倒是有： https://ng.ant.design/components/dropdown/zh#components-dropdown-demo-context-menu 我们需要把nz-tree和context menu 结合。 nz
-
<div class="tree-content"> <ng-container *ngIf="nodes && nodes.length"> <tree-root #tree (initialized)="onInitialized(tree)" (activate)="onActivate($event)" [nodes]="nodes"
-
[Angular 1.x] Display treeDnD & event DrapnDrop, field 'td' by tree. ###Support(just when I'm online) Demo: http://thienhung1989.github.io/angular-tree-dnd/demo ###Requirement: angular: >=1.2.1 Sour
-
Angular UI Tree Angular UI Tree is an AngularJS UI component that can sort nested lists, provides drag & drop support and doesn't depend on jQuery. If you are a user who uses angular-nestedSortable, t
-
Given two binary trees, write a function to check if they are equal or not. Two binary trees are considered equal if they are structurally identical and the nodes have the same values. 题目翻译: 给两棵树，写一个函
-
Given a binary tree, check whether it is a mirror of itself(ie, symmetric around its center) For example, this tree is symmetric: 1 / \ 2 2 / \ / \ 3 4 4 3 But the following tree is not.
-
Given a binary tree, return all root-to-leaf paths. For example, given the following binary tree: 1 / \ 2 3 \ 5 All root-to-leaf paths are: ["1->2->5", "1->3"] 题目翻译： 给定一棵二叉树，返回所有从根节点到叶节点的
-
Given a binary tree, determine if it is height-balanced. For this problem, a height-balanced binary tree is defined as a binary tree in which the depth of the two subtrees of every node never differ b