Open shoebsd31 opened 7 years ago
I created a new angular-cli project and installed ng2-split-pane
my package.json is as follows :
{ "name": "temp1", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^4.2.4", "@angular/common": "^4.2.4", "@angular/compiler": "^4.2.4", "@angular/core": "^4.2.4", "@angular/forms": "^4.2.4", "@angular/http": "^4.2.4", "@angular/platform-browser": "^4.2.4", "@angular/platform-browser-dynamic": "^4.2.4", "@angular/router": "^4.2.4", "core-js": "^2.4.1", "ng2-split-pane": "^1.4.0", "ngx-bootstrap": "^1.8.1", "rxjs": "^5.4.2", "zone.js": "^0.8.14" }, "devDependencies": { "@angular/cli": "1.3.0", "@angular/compiler-cli": "^4.2.4", "@angular/language-service": "^4.2.4", "@types/jasmine": "~2.5.53", "@types/jasminewd2": "~2.0.2", "@types/node": "~6.0.60", "codelyzer": "~3.1.1", "jasmine-core": "~2.6.2", "jasmine-spec-reporter": "~4.1.0", "karma": "~1.7.0", "karma-chrome-launcher": "~2.1.1", "karma-cli": "~1.0.1", "karma-coverage-istanbul-reporter": "^1.2.1", "karma-jasmine": "~1.1.0", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.1.2", "ts-node": "~3.2.0", "tslint": "~5.3.2", "typescript": "~2.3.3" } }
the app.component.html is :
<div> <vertical-split-pane primary-component-minsize="50" secondary-component-minsize="100" primary-component-toggled-off="false" [secondary-component-toggled-off]="someCondition" local-storage-key="split-pane" primary-component-initialratio="0.8"> <div class="split-pane-content-primary"> <div class="upper"> Upper pane </div> </div> <div class="split-pane-content-secondary"> <div class="lower"> Lower pane </div> </div> </vertical-split-pane> </div>
I have included SplitPaneModule in 'imports' section of app,module.ts
sorry closed it by mistake. I tried angular-split and that worked for me
I created a new angular-cli project and installed ng2-split-pane
my package.json is as follows :
the app.component.html is :
I have included SplitPaneModule in 'imports' section of app,module.ts