अरे @areknow इसकी रिपोर्ट करने के लिए आपका बहुत-बहुत धन्यवाद, लेकिन मैं इसे स्टैकब्लिट्ज में पुन: पेश नहीं कर सकता
https://stackblitz.com/edit/github-yp9pwy?file=src/expandable -section/expandable-section-default-example/expandable-section-default-example.html

इसके अलावा, जब मैं कोड को देखता हूं तो coerceBooleanProperty का उपयोग किया जाता है। मैं

क्या आप सुनिश्चित हैं कि आप घटक का सही उपयोग कर रहे हैं?

https://github.com/dynatrace-oss/barista/blob/master/libs/barista-components/expandable-section/src/expandable-section.ts#L76

  @Input()
  get expanded(): boolean {
    return this._panel.expanded;
  }
  set expanded(value: boolean) {
    this._panel.expanded = coerceBooleanProperty(value);
    this._changeDetectorRef.markForCheck();
  }

हाय @lukasholzer! मैं भी स्टैकब्लिट्ज में पुन: पेश करने में सक्षम नहीं था इसलिए मैंने एक न्यूनतम रेपो बनाया। यह आइवी के साथ एक समस्या का संकेत दे सकता है जो व्यू रेंडरर के साथ नहीं हो रहा है। क्या आप रेपो को क्लोन करने और कंसोल त्रुटि देखने में सक्षम थे?

हैलो @lukasholzer ,
मैं निर्देश के लिए आशुलिपि संकेतन के साथ इस मुद्दे को पुन: पेश करने में भी सक्षम हूं।

@areknow क्या आप अपने ऐप में विस्तार योग्य सामग्री का उपयोग करने और व्यवहार की तुलना करने का प्रयास कर सकते हैं। मैं उत्सुक हूं कि क्या हमारे पास आइवी संगतता के साथ कुछ संकलन समस्या है। यह एक न्यूनतम सेटअप होगा https://stackblitz.com/edit/angular-rubmxc?file=src/app/expansion -steps-example.html

@areknow मैंने आपके रेपो को क्लोन किया है एक npm इंस्टॉल किया है और अब एक एनजी सर्व करें:

उस के अलावा अपडेट कर लें highcharts संस्करण और हटाने @types/highcharts

@ ffriedl89 मैंने MatExpansionModule आयात किया और परियोजना में घटक मार्कअप जोड़ा, यह शॉर्टहैंड निर्देश नोटेशन के साथ पूरी तरह से ठीक चलता है।

@lukasholzer मैंने @types/highcharts हटा दिया और नवीनतम संस्करण में highcharts अपडेट किया। अभी भी वही मुद्दा:

core.js:6185 ERROR TypeError: Cannot set property 'expanded' of undefined
    at DtExpandableSection.set expanded [as expanded] (dynatrace-barista-components-expandable-section.js:79)
    at Object.ngOnChangesSetInput [as setInput] (core.js:26879)
    at setInputsFromAttrs (core.js:13039)
    at instantiateAllDirectives (core.js:12752)
    at createDirectivesInstances (core.js:11989)
    at Module.ɵɵelementStart (core.js:21043)
    at AppComponent_Template (app.component.html:1)
    at executeTemplate (core.js:11949)
    at renderView (core.js:11735)
    at renderComponent (core.js:13244)

@areknow मैंने उस पर

आपके रेपो को मेरे लिए चलने देना संभव नहीं है।

मेरे द्वारा किए गए कदम:

1. git clone ...
2. npm install
3. ng serve

@lukasholzer मैंने तीन अलग-अलग मशीनों पर रेपो चलाया है। सुनिश्चित नहीं है कि समस्या क्या है, यह एक सुपर बेसिक प्रोजेक्ट है
@josecolella @toddbaert ने भी रेपो चलाया है और उसी मुद्दे को देखा है।

~/Desktop/test
❯ git clone https://github.com/areknow/a-expandable-section-demo.git .
Cloning into '.'...
remote: Enumerating objects: 47, done.
remote: Counting objects: 100% (47/47), done.
remote: Compressing objects: 100% (37/37), done.
remote: Total 47 (delta 10), reused 45 (delta 8), pack-reused 0
Unpacking objects: 100% (47/47), done.

~/Desktop/test master
❯ ls
README.md          angular.json       browserslist       e2e                karma.conf.js      package-lock.json  package.json       src                tsconfig.app.json  tsconfig.json      tsconfig.spec.json tslint.json

~/Desktop/test master
❯ npm i

> [email protected] install /Users/arnaud.crowther/Desktop/test/node_modules/watchpack-chokidar2/node_modules/fsevents
> node install.js

No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/Users/arnaud.crowther/.nvm/versions/node/v12.16.1/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack     at ChildProcess.emit (events.js:311:20)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12)
gyp ERR! System Darwin 19.5.0
gyp ERR! command "/Users/arnaud.crowther/.nvm/versions/node/v12.16.1/bin/node" "/Users/arnaud.crowther/.nvm/versions/node/v12.16.1/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/arnaud.crowther/Desktop/test/node_modules/watchpack-chokidar2/node_modules/fsevents
gyp ERR! node -v v12.16.1
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok

> [email protected] install /Users/arnaud.crowther/Desktop/test/node_modules/webpack-dev-server/node_modules/fsevents
> node install.js

No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/'.

No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/'.

gyp: No Xcode or CLT version detected!
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1
gyp ERR! stack     at ChildProcess.onCpExit (/Users/arnaud.crowther/.nvm/versions/node/v12.16.1/lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16)
gyp ERR! stack     at ChildProcess.emit (events.js:311:20)
gyp ERR! stack     at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12)
gyp ERR! System Darwin 19.5.0
gyp ERR! command "/Users/arnaud.crowther/.nvm/versions/node/v12.16.1/bin/node" "/Users/arnaud.crowther/.nvm/versions/node/v12.16.1/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
gyp ERR! cwd /Users/arnaud.crowther/Desktop/test/node_modules/webpack-dev-server/node_modules/fsevents
gyp ERR! node -v v12.16.1
gyp ERR! node-gyp -v v5.1.0
gyp ERR! not ok

> [email protected] postinstall /Users/arnaud.crowther/Desktop/test/node_modules/core-js
> node -e "try{require('./postinstall')}catch(e){}"


> @angular/[email protected] postinstall /Users/arnaud.crowther/Desktop/test/node_modules/@angular/cli
> node ./bin/postinstall/script.js

added 1391 packages from 1132 contributors and audited 1393 packages in 20.393s

41 packages are looking for funding
  run `npm fund` for details

found 5 vulnerabilities (3 low, 2 high)
  run `npm audit fix` to fix them, or `npm audit` for details

~/Desktop/test master 22s
❯ ng serve
0% compiling
Compiling @angular/core : es2015 as esm2015

Compiling @angular/common : es2015 as esm2015

Compiling @angular/platform-browser : es2015 as esm2015

Compiling @angular/platform-browser-dynamic : es2015 as esm2015

Compiling @angular/common/http : es2015 as esm2015

Compiling @angular/cdk/platform : es2015 as esm2015

Compiling @angular/cdk/bidi : es2015 as esm2015

Compiling @angular/cdk/collections : es2015 as esm2015

Compiling @angular/cdk/scrolling : es2015 as esm2015

Compiling @angular/cdk/keycodes : es2015 as esm2015

Compiling @angular/cdk/observers : es2015 as esm2015

Compiling @angular/cdk/a11y : es2015 as esm2015

Compiling @angular/cdk/tree : es2015 as esm2015

Compiling @angular/animations : es2015 as esm2015

Compiling @angular/forms : es2015 as esm2015

Compiling @angular/cdk/portal : es2015 as esm2015

Compiling @angular/cdk/overlay : es2015 as esm2015

Compiling @dynatrace/barista-components/core : es2015 as esm2015

Compiling @dynatrace/barista-components/icon : es2015 as esm2015

Compiling @angular/animations/browser : es2015 as esm2015

Compiling @angular/platform-browser/animations : es2015 as esm2015

Compiling @angular/cdk/table : es2015 as esm2015

Compiling @angular/cdk/drag-drop : es2015 as esm2015

Compiling @dynatrace/barista-components/button : es2015 as esm2015

Compiling @dynatrace/barista-components/indicator : es2015 as esm2015

Compiling @dynatrace/barista-components/empty-state : es2015 as esm2015

Compiling @dynatrace/barista-components/form-field : es2015 as esm2015

Compiling @dynatrace/barista-components/formatters : es2015 as esm2015

Compiling @angular/cdk/text-field : es2015 as esm2015

Compiling @dynatrace/barista-components/input : es2015 as esm2015

Compiling @dynatrace/barista-components/checkbox : es2015 as esm2015

Compiling @dynatrace/barista-components/pagination : es2015 as esm2015

Compiling @dynatrace/barista-components/table : es2015 as esm2015

Compiling @dynatrace/barista-components/expandable-panel : es2015 as esm2015

Compiling @dynatrace/barista-components/expandable-section : es2015 as esm2015

Compiling @angular/cdk/accordion : es2015 as esm2015

Compiling @angular/material/expansion : es2015 as esm2015

chunk {main} main.js, main.js.map (main) 14 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 150 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 108 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 4.99 MB [initial] [rendered]
Date: 2020-08-12T15:43:23.068Z - Hash: 1ecde4c6e7201f777336 - Time: 57275ms
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
: Compiled successfully.

Date: 2020-08-12T15:43:24.031Z - Hash: 1ecde4c6e7201f777336
5 unchanged chunks

Time: 537ms
: Compiled successfully.

@lukasholzer आपकी पोस्ट में बताए गए आदेशों का पालन करते हुए, मैं बिना किसी समस्या के प्रोजेक्ट चला पाऊंगा

@lukasholzer I भी सफल संकलन संदेश के साथ इस मुद्दे को पुन: उत्पन्न करने में सक्षम है।

1. क्लोन गिट रेपो
2. एनपीएम इंस्टॉल
3. एनजी सर्व

परिणाम:

@areknow अरे @thomaspink और मुझे वह समस्या मिली जिसे हम ठीक कर देंगे! :) आश्चर्य है कि यह वीई में भी कैसे काम कर सकता है क्योंकि हम setter पर एक संपत्ति सेट करने की कोशिश कर रहे हैं जो एक व्यू चाइल्ड है जो बाद में जीवनचक्र है। मैं

क्या यह आपके लिए एक जरूरी सुधार है या आप इसे 8.0.0 के साथ प्राप्त करना ठीक हैं अन्यथा हमें इस मुद्दे के लिए एक बैकपोर्ट करना होगा।

पीआर #1491 . द्वारा तय

@lukasholzer बहुत अच्छी खबर है! मैंने अपने ऐप के लिए एक हॉट फ़िक्स किया है, इसलिए मैं 8.0.0 तक प्रतीक्षा कर सकता हूं। धन्यवाद!