Angular 4 is a powerful and popular JavaScript framework used for developing web applications. It provides a wide range of features and tools to help developers create dynamic and interactive web applications. One of the features of Angular 4 is the ability to add an image before each new line using the Renderer class. This … Read more
Try this <div class=”parallax” [ngStyle]=”{‘background-image’: ‘url(‘+ parallaxImage+’)’}”></div> or getParallaxImage(){ return “url(” + this.parallaxImage + “)”; } Both solutions will work now, use as per your requirements. 0 solved ngStyle background-image [duplicate]
JavaScript (and hence TypeScript) uses lexical scope, meaning you cannot create an Array in an inner function and access it from outside. What you can do: Create the array in the outer function (getRessource) and return it from there. async getRessource(id) { var ref = … elided … const returnArray = []; // define it … Read more
Typescript is basically throwing an error there because it’s bad code. true will never ever equal false. Typescript knows this, and tells you to fix your code. Since these are constant values, they’re considered to be of the types true and false. The error message might be slightly confusing, but it’s correct, while giving a … Read more
Ignore this warning. The warning you’ve posted is for fsevents, which is an optional dependency only available on OS X. solved How can Fix this [closed]
You will need to scaffold a new project with ionic2 cli using $ionic start myApp sidemenu which will give you the basic hamburger menu after which it is all on how you style it. 1 solved create menu with ionic 2 and angular 2
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 could do it like this: @Component({ selector: ‘my-app’, template: ` <div> <h2>Hello {{name}}</h2> <button (click)=”buttonClicked()”>{{ started ? ‘reset’ : ‘start’ }}</button> <br /> <span>{{ time.getHours() }}</span>: <span>{{ time.getMinutes() }}</span>: <span>{{ time.getSeconds() }}</span> </div> `, }) export class App { name:string; started = false; time = new Date(2000, 1, 1, 1, 0, 0); constructor() { … 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
each time you wanna handle action in child component from parent component like submit you have two choice one create service and subscribe to the actionStatus property export class CtrlActionService { private actionStatus = new Subject<any>(); constructor() {} //ctrl submit action public callAction() { this.actionStatus.next(true); } public getAction(): Observable<boolean> { return this.actionStatus.asObservable(); } } parent.component.ts … Read more
there is no scope variable in Angular 2+. In Angular 2+ there is NgModel which helps you with two way binding. https://angular.io/api/forms/NgModel To access value of text area in your component. In html <textarea class=”form-control” [(NgModel)]=comment placeholder=”Add Comment”> <input type=”button” value=”Add” (click)=”AddComment()” /> In component: comment:any=””; AddComment(){ console.log(this.comment); } Here comment var will always be … Read more
Two ways: Put the function in a shared service and execute from there Get the component object and call the function from there: Lets say your component name is “TestComponent”, then: Add a selector id #test to your selector in test.component.html <test #test></test> Get the TestComponent in your the component where you want to call … Read more
The answer as to how to handle data between components in Angular is: use a service https://angular.io/guide/architecture-services The angular team maintains as really good tutorial called Tour of heroes, where they provide developers with a great intro to the angular architecture and its main data workflows. I specially recommend people to finish the last chapter, … 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
By setting innerHTML prop in your directive you only set DOM and attributes. But this content need to be compile by angular to allow angular-like behavior (binding directives, instanciating components etc..) . Angular dont have compiler ready to use like angularJS ( which has $compile ). You need to use 3rd party libraries like https://www.npmjs.com/package/p3x-angular-compile … Read more