You can do this by adding a inject a service for both component then put the data in the service so both can find it. Also you can use the @input and the @output directive , but i prefer the service ( In this service both share the varible is ready ) : import {EventEmitter, … Read more
you can check this function hideKeyboard(element) { element.attr(‘readonly’, ‘readonly’); // Force keyboard to hide on input field. element.attr(‘disabled’, ‘true’); // Force keyboard to hide on textarea field. setTimeout(function() { element.blur(); //actually close the keyboard // Remove readonly attribute after keyboard is hidden. element.removeAttr(‘readonly’); element.removeAttr(‘disabled’); }, 100); } solved How to close mobile keyboard on (keyup.enter) … Read more
It’s definitely an array key issue, but it seems you have unique alt attributes in each data set (array). <StyledHorizontalScrollList columns={columns}> {tunesTeasers.map(teaser => teaser.noTonieboxes ? ( <List key={teaser.alt} onClick={toggleModal}> <TeaserCard alt={teaser.alt} src={teaser.src} /> </List> ) : ( <StyledLink key={teaser.alt} to={teaser.link}> <TeaserCard alt={teaser.alt} src={teaser.src} /> </StyledLink> )} </StyledHorizontalScrollList> solved React: Warning each child in a list … Read more
If you use Webpack or any Angular (2+) seed project, even angular-cli, all your TypeScript code will “compiled” to ECMAScript and you can choose the version (from 5 to 7). Just open tsconfig.json. target will give a concrete version of ECMAScript you need. “compilerOptions”: { “outDir”: “./dist/out-tsc”, “baseUrl”: “src”, “sourceMap”: true, “declaration”: false, “moduleResolution”: “node”, … Read more
The code is very inefficient because you find the thing, and then you turn around and find the thing again. So you end up looping multiple times. To make it more readable, I broke it up into parts. It also loops one time over the object to locate the items with children and the items … Read more
This is how you do it in plain javascript (es6) const mergePrice = data => data.reduce((result, val) => { const { quoteId, price, userName } = val; let obj = result.find(o => o.quoteId === quoteId); if (!obj) { obj = { quoteId, userName, price: [] }; result.push(obj); } obj.price.push(price); return result; }, []); const merged … Read more
I’m not sure if I understand the question properly, but here’s how you can declare an argument that is a function taking two arguments – any and string – and returning void (that’s what I think the type of the function should be when I look at your code): return function (boundTransportFn: (a: any, key: … Read more
Add one more else if to your code: else if (key === “score”) { const low = filters[key] === “20” && user[“score”] <= filters[key]; const medium = filters[key] === “50” && user[“score”] < 50 && user[“score”] >= 21; const high = filters[key] === “70” && user[“score”] < 70 && user[“score”] >= 51; const veryHigh = … Read more
Rewrite your getCampaignsToClone method so it returns an Observable sequence. Use flatMap to subscribe to the getUnpaginatedCampaigns observable in turn. getCampaignsToClone(flight: Flight): Observable<CampaignUnpaginated[]> { return this.campaignService.getStatuses().pipe( map(data => data.filter( x => x.code === (CampaignStatusCode.IN_PROGRESS || CampaignStatusCode.READY)).map(x => x.id)), flatMap(ids => this.campaignService.getUnpaginatedCampaigns({ statuses: ids, accounts: flight.campaign.account.id, })) ); } 2 solved typescript method returning undefined?
You could use a regular expression to do part of the parsing, and use the replace callback to keep/eliminate the relevant parts: function clean(input) { let keep; return input.replace(/^\s*digraph\s+(“[^”]*”)\s*\{|\s*(“[^”]+”)\s*->\s*”[^”]+”\s*;|([^])/gm, (m, a, b, c) => a && (keep = a) || b === keep || c ? m : “” ); } // Example: var input … Read more
You could either use a Service or localStorage/Session Storage for Persisting Data. localStorage and sessionStorage accomplish the exact same thing and have the same API, but with sessionStorage the data is persisted only until the window or tab is closed, while with localStorage the data is persisted until the user manually clears the browser cache … Read more
Angular have built in date pipe setDateTime(dateTime) { let pipe = new DatePipe(‘en-US’); const time = pipe.transform(dateTime, ‘mediumTime’, ‘UTC’); const date = pipe.transform(dateTime, ‘MM/dd/yyyy’, ‘UTC’); return date + ‘ ‘ + time; } html <span>{{dateTime| date:’MM/dd/yyyy’ : ‘UTC’}}</span> 1 solved how to convert Java Instant for showing Date in the angular client side? [closed]
You aren’t declaring the variable in the function but straight up initializing it with the subscription. Instead you need to declare it. Try the following private getMaxSeconds() { let maxSeconds: string; this.configurationRemoteService.get(‘MAX_SECONDS’).subscribe( config => { maxSeconds = config.value; }, err => { } ); return maxSeconds; // <– WRONG! Will return `undefined` And you cannot … Read more
This will go in your index.tsx file: const token = localStorage.getItem(‘token’); const PrivateRoute = ({component, isAuthenticated, …rest}: any) => { const routeComponent = (props: any) => ( isAuthenticated ? React.createElement(component, props) : <Redirect to={{pathname: ‘/login’}}/> ); return <Route {…rest} render={routeComponent}/>; }; And use this in the browser router/switch: <PrivateRoute path=”/panel” isAuthenticated={token} component={PrivateContainer} /> solved PrivateRouting … Read more
function toSentence(arr){ if(arr.length===1)return `There is 1 doc ${arr[0]}`; const last = arr.pop(); const others=arr.join(“, “); return `There are docs ${others} and ${last}` } 2 solved Create simple text string from array typescript