Skip to content

Commit 5bdb096

Browse files
saravanangnsaravanangn
authored
Add files via upload
1 parent c6ce3af commit 5bdb096

27 files changed

+11658
-729
lines changed

‎README.md

+27-15
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,27 @@
1-
# ej2-angular-dropdownlist-async-pipe
2-
3-
Angular DropDownList data binding with Observables using async pipe.
4-
5-
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.0.6.
6-
7-
## Development server
8-
9-
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
10-
11-
## Documentation
12-
13-
To bind with Observable/HttpClient data to DropDownList, please refer to the below documentation which explains this sample.
14-
15-
[https://ej2.syncfusion.com/angular/documentation/drop-down-list/data-binding/#data-binding-using-async-pipe](https://ej2.syncfusion.com/angular/documentation/drop-down-list/data-binding/#data-binding-using-async-pipe)
1+
# Ej2AngularDropdownlistAsyncPipe
2+
3+
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.0.6.
4+
5+
## Development server
6+
7+
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
8+
9+
## Code scaffolding
10+
11+
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
12+
13+
## Build
14+
15+
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.
16+
17+
## Running unit tests
18+
19+
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
20+
21+
## Running end-to-end tests
22+
23+
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
24+
25+
## Further help
26+
27+
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

‎angular.json

+134-134
Original file line numberDiff line numberDiff line change
@@ -1,135 +1,135 @@
1-
{
2-
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3-
"version": 1,
4-
"newProjectRoot": "projects",
5-
"projects": {
6-
"ej2-angular-dropdownlist-async-pipe": {
7-
"root": "",
8-
"sourceRoot": "src",
9-
"projectType": "application",
10-
"prefix": "app",
11-
"schematics": {},
12-
"architect": {
13-
"build": {
14-
"builder": "@angular-devkit/build-angular:browser",
15-
"options": {
16-
"outputPath": "dist/ej2-angular-dropdownlist-async-pipe",
17-
"index": "src/index.html",
18-
"main": "src/main.ts",
19-
"polyfills": "src/polyfills.ts",
20-
"tsConfig": "src/tsconfig.app.json",
21-
"assets": [
22-
"src/favicon.ico",
23-
"src/assets"
24-
],
25-
"styles": [
26-
"src/styles.css"
27-
],
28-
"scripts": []
29-
},
30-
"configurations": {
31-
"production": {
32-
"fileReplacements": [
33-
{
34-
"replace": "src/environments/environment.ts",
35-
"with": "src/environments/environment.prod.ts"
36-
}
37-
],
38-
"optimization": true,
39-
"outputHashing": "all",
40-
"sourceMap": false,
41-
"extractCss": true,
42-
"namedChunks": false,
43-
"aot": true,
44-
"extractLicenses": true,
45-
"vendorChunk": false,
46-
"buildOptimizer": true,
47-
"budgets": [
48-
{
49-
"type": "initial",
50-
"maximumWarning": "2mb",
51-
"maximumError": "5mb"
52-
}
53-
]
54-
}
55-
}
56-
},
57-
"serve": {
58-
"builder": "@angular-devkit/build-angular:dev-server",
59-
"options": {
60-
"browserTarget": "ej2-angular-dropdownlist-async-pipe:build"
61-
},
62-
"configurations": {
63-
"production": {
64-
"browserTarget": "ej2-angular-dropdownlist-async-pipe:build:production"
65-
}
66-
}
67-
},
68-
"extract-i18n": {
69-
"builder": "@angular-devkit/build-angular:extract-i18n",
70-
"options": {
71-
"browserTarget": "ej2-angular-dropdownlist-async-pipe:build"
72-
}
73-
},
74-
"test": {
75-
"builder": "@angular-devkit/build-angular:karma",
76-
"options": {
77-
"main": "src/test.ts",
78-
"polyfills": "src/polyfills.ts",
79-
"tsConfig": "src/tsconfig.spec.json",
80-
"karmaConfig": "src/karma.conf.js",
81-
"styles": [
82-
"src/styles.css"
83-
],
84-
"scripts": [],
85-
"assets": [
86-
"src/favicon.ico",
87-
"src/assets"
88-
]
89-
}
90-
},
91-
"lint": {
92-
"builder": "@angular-devkit/build-angular:tslint",
93-
"options": {
94-
"tsConfig": [
95-
"src/tsconfig.app.json",
96-
"src/tsconfig.spec.json"
97-
],
98-
"exclude": [
99-
"**/node_modules/**"
100-
]
101-
}
102-
}
103-
}
104-
},
105-
"ej2-angular-dropdownlist-async-pipe-e2e": {
106-
"root": "e2e/",
107-
"projectType": "application",
108-
"prefix": "",
109-
"architect": {
110-
"e2e": {
111-
"builder": "@angular-devkit/build-angular:protractor",
112-
"options": {
113-
"protractorConfig": "e2e/protractor.conf.js",
114-
"devServerTarget": "ej2-angular-dropdownlist-async-pipe:serve"
115-
},
116-
"configurations": {
117-
"production": {
118-
"devServerTarget": "ej2-angular-dropdownlist-async-pipe:serve:production"
119-
}
120-
}
121-
},
122-
"lint": {
123-
"builder": "@angular-devkit/build-angular:tslint",
124-
"options": {
125-
"tsConfig": "e2e/tsconfig.e2e.json",
126-
"exclude": [
127-
"**/node_modules/**"
128-
]
129-
}
130-
}
131-
}
132-
}
133-
},
134-
"defaultProject": "ej2-angular-dropdownlist-async-pipe"
1+
{
2+
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3+
"version": 1,
4+
"newProjectRoot": "projects",
5+
"projects": {
6+
"ej2-angular-dropdownlist-async-pipe": {
7+
"root": "",
8+
"sourceRoot": "src",
9+
"projectType": "application",
10+
"prefix": "app",
11+
"schematics": {},
12+
"architect": {
13+
"build": {
14+
"builder": "@angular-devkit/build-angular:browser",
15+
"options": {
16+
"outputPath": "dist/ej2-angular-dropdownlist-async-pipe",
17+
"index": "src/index.html",
18+
"main": "src/main.ts",
19+
"polyfills": "src/polyfills.ts",
20+
"tsConfig": "src/tsconfig.app.json",
21+
"assets": [
22+
"src/favicon.ico",
23+
"src/assets"
24+
],
25+
"styles": [
26+
"src/styles.css"
27+
],
28+
"scripts": []
29+
},
30+
"configurations": {
31+
"production": {
32+
"fileReplacements": [
33+
{
34+
"replace": "src/environments/environment.ts",
35+
"with": "src/environments/environment.prod.ts"
36+
}
37+
],
38+
"optimization": true,
39+
"outputHashing": "all",
40+
"sourceMap": false,
41+
"extractCss": true,
42+
"namedChunks": false,
43+
"aot": true,
44+
"extractLicenses": true,
45+
"vendorChunk": false,
46+
"buildOptimizer": true,
47+
"budgets": [
48+
{
49+
"type": "initial",
50+
"maximumWarning": "2mb",
51+
"maximumError": "5mb"
52+
}
53+
]
54+
}
55+
}
56+
},
57+
"serve": {
58+
"builder": "@angular-devkit/build-angular:dev-server",
59+
"options": {
60+
"browserTarget": "ej2-angular-dropdownlist-async-pipe:build"
61+
},
62+
"configurations": {
63+
"production": {
64+
"browserTarget": "ej2-angular-dropdownlist-async-pipe:build:production"
65+
}
66+
}
67+
},
68+
"extract-i18n": {
69+
"builder": "@angular-devkit/build-angular:extract-i18n",
70+
"options": {
71+
"browserTarget": "ej2-angular-dropdownlist-async-pipe:build"
72+
}
73+
},
74+
"test": {
75+
"builder": "@angular-devkit/build-angular:karma",
76+
"options": {
77+
"main": "src/test.ts",
78+
"polyfills": "src/polyfills.ts",
79+
"tsConfig": "src/tsconfig.spec.json",
80+
"karmaConfig": "src/karma.conf.js",
81+
"styles": [
82+
"src/styles.css"
83+
],
84+
"scripts": [],
85+
"assets": [
86+
"src/favicon.ico",
87+
"src/assets"
88+
]
89+
}
90+
},
91+
"lint": {
92+
"builder": "@angular-devkit/build-angular:tslint",
93+
"options": {
94+
"tsConfig": [
95+
"src/tsconfig.app.json",
96+
"src/tsconfig.spec.json"
97+
],
98+
"exclude": [
99+
"**/node_modules/**"
100+
]
101+
}
102+
}
103+
}
104+
},
105+
"ej2-angular-dropdownlist-async-pipe-e2e": {
106+
"root": "e2e/",
107+
"projectType": "application",
108+
"prefix": "",
109+
"architect": {
110+
"e2e": {
111+
"builder": "@angular-devkit/build-angular:protractor",
112+
"options": {
113+
"protractorConfig": "e2e/protractor.conf.js",
114+
"devServerTarget": "ej2-angular-dropdownlist-async-pipe:serve"
115+
},
116+
"configurations": {
117+
"production": {
118+
"devServerTarget": "ej2-angular-dropdownlist-async-pipe:serve:production"
119+
}
120+
}
121+
},
122+
"lint": {
123+
"builder": "@angular-devkit/build-angular:tslint",
124+
"options": {
125+
"tsConfig": "e2e/tsconfig.e2e.json",
126+
"exclude": [
127+
"**/node_modules/**"
128+
]
129+
}
130+
}
131+
}
132+
}
133+
},
134+
"defaultProject": "ej2-angular-dropdownlist-async-pipe"
135135
}

‎e2e/protractor.conf.js

+27-27
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,28 @@
1-
// Protractor configuration file, see link for more information
2-
// https://github.com/angular/protractor/blob/master/lib/config.ts
3-
4-
const { SpecReporter } = require('jasmine-spec-reporter');
5-
6-
exports.config = {
7-
allScriptsTimeout: 11000,
8-
specs: [
9-
'./src/**/*.e2e-spec.ts'
10-
],
11-
capabilities: {
12-
'browserName': 'chrome'
13-
},
14-
directConnect: true,
15-
baseUrl: 'http://localhost:4200/',
16-
framework: 'jasmine',
17-
jasmineNodeOpts: {
18-
showColors: true,
19-
defaultTimeoutInterval: 30000,
20-
print: function() {}
21-
},
22-
onPrepare() {
23-
require('ts-node').register({
24-
project: require('path').join(__dirname, './tsconfig.e2e.json')
25-
});
26-
jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
27-
}
1+
// Protractor configuration file, see link for more information
2+
// https://github.com/angular/protractor/blob/master/lib/config.ts
3+
4+
const { SpecReporter } = require('jasmine-spec-reporter');
5+
6+
exports.config = {
7+
allScriptsTimeout: 11000,
8+
specs: [
9+
'./src/**/*.e2e-spec.ts'
10+
],
11+
capabilities: {
12+
'browserName': 'chrome'
13+
},
14+
directConnect: true,
15+
baseUrl: 'http://localhost:4200/',
16+
framework: 'jasmine',
17+
jasmineNodeOpts: {
18+
showColors: true,
19+
defaultTimeoutInterval: 30000,
20+
print: function() {}
21+
},
22+
onPrepare() {
23+
require('ts-node').register({
24+
project: require('path').join(__dirname, './tsconfig.e2e.json')
25+
});
26+
jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
27+
}
2828
};

‎e2e/src/app.e2e-spec.ts

+14-14
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
1-
import { AppPage } from './app.po';
2-
3-
describe('workspace-project App', () => {
4-
let page: AppPage;
5-
6-
beforeEach(() => {
7-
page = new AppPage();
8-
});
9-
10-
it('should display welcome message', () => {
11-
page.navigateTo();
12-
expect(page.getTitleText()).toEqual('Welcome to ej2-angular-dropdownlist-async-pipe!');
13-
});
14-
});
1+
import { AppPage } from './app.po';
2+
3+
describe('workspace-project App', () => {
4+
let page: AppPage;
5+
6+
beforeEach(() => {
7+
page = new AppPage();
8+
});
9+
10+
it('should display welcome message', () => {
11+
page.navigateTo();
12+
expect(page.getTitleText()).toEqual('Welcome to ej2-angular-dropdownlist-async-pipe!');
13+
});
14+
});

0 commit comments

Comments
 (0)