I am new to Angular 4 and started working with the material components, I copied a couple of example from the official documentation but didn’t get the same result as the documentation : How do I get change the textbox width ? I tried style=”width: 200px;” style=”width:100%”; cla…
Tag: angular
How to set an element’s height same as its width and keep the size ratio on window resize?
I am trying to set the height of an element same as its width. It should be auto-scaling/ keep size ratio according to web browser resolution changes. Is there a way to do that with only html template? Something like: Answer The trick is to use the element’s offsetWidth, but we also need to silent the w…
Iterate over array of objects in Typescript
I need to iterate over the array of objects in angular 2 and limit the string length display for a particular key in the object. I need to limit the prod_desc length to (say) 10 characters while displaying for which I have used: Eg: Answer You can use the built-in forEach function for arrays. Like this: Your …
Angular 4. Unexpected token export
Then i’m start the app by command ng serve in console i see error: Just start then angular application, install: bootstrap, jQuery, popper.js and then add styles & scripts files to angular-cli.json/angular.json angular-cli.json/angular.json: i’m use: Where i’m make a mistake? Some text o…
How to use the same template in ngIf
I have many conditions to show the same template. For example: Is it possible to take this html elements: and put somewhere and then just call this html elements by name/reference in *ngIf? For example: Answer Actually ngIf has a ‘cool’ attribute, then, that you could make use of: As <template&…
Angular translate service, interpolate params in nested json
In angular translation service, interpolating params in normal translation json works well. But in nested json, interpolating params is not working. My JSON: My Angular Code: Expected Output: Actual Output: Answer According to the source of ngx-translate interpolation works only on strings: This means you mig…
Angular 2/4 need a Typescript regex to only allow numbers to be entered into input textbox
In my Angular 4 application I have this input box in which I ONLY want numbers… 0-9 to be entered.. otherwise I want it to clear out onkeyup HTML Above works to call this function in the component but it is not working to prevent letters. Is .value the wrong approach? Should I be using event preventdefa…
Change language of Datepicker of Material Angular 4
How to Change language of Datepicker of Material Angular? I can’t find in documentation for Angular material 2. Here is a plunkr https://plnkr.co/edit/unzlijtsHf3CPW4oL7bl?p=preview Answer
Javascript Equivalent to C# LINQ GroupBy
This is a follow up question to the following question: Javascript Equivalent to C# LINQ Select We are using Angular 2 + TypeScript: I have an Array of objects. Each object in the array include a property called ‘StudentType’. I need to run a C# LINQ style query that extract a list of StudentType …
angular and google analytics integration => ga is not a function
I’m doing an angular(4) application, but i got a problem integrating google analytics. I’m currently to add google analytics to my single page web application. But when I try to retrieve the ga function to send the new url it seems that it don’t find the function. This is the code I got: ind…