The parameter has this syntax:

[`{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}`][1]

So your example of `&#39;1.2-2&#39;` means:

 - A minimum of 1 digit will be shown before decimal point
 - It will show at least 2 digits after decimal point
 - But not more than 2 digits


  [1]: https://angular.io/api/common/DecimalPipe

 

 1. Regarding your first question.The pipe works as follows:

   

 `numberValue | number: {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}`




 - minIntegerDigits: Minimum number of integer digits to show before decimal point,set to 1by default
 - minFractionDigits: Minimum number of integer digits to show after the decimal point

 - maxFractionDigits: Maximum number of integer digits to show after the decimal point


2.Regarding your second question, Filter to zero decimal places as follows:

    {{ numberValue | number: &#39;1.0-0&#39; }}
For further reading, checkout the following [blog][1]


  [1]: https://medium.com/@mwiza/getting-started-with-angular-decimal-pipe-b987b27b5e19

From the  **[`DOCS`][1]** 

&gt; Formats a number as text. Group sizing and separator and other
&gt; locale-specific configurations are based on the active locale.

**SYNTAX:**

**`number_expression | number[:digitInfo[:locale]]`**

where **`expression`** is a number:

**`digitInfo`** is a string which has a following format: 

    {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}

 - minIntegerDigits is the minimum number of integer digits to use.Defaults to 1
 - minFractionDigits is the minimum number of digits
 - after fraction. Defaults to 0. maxFractionDigits is the maximum
    number of digits after fraction. Defaults to 3.
 - locale is a string defining the locale to use (uses the current LOCALE_ID by default)

**[`DEMO`][2]**


  [1]: https://angular.io/api/common/DecimalPipe
  [2]: https://plnkr.co/edit/TtXzN3hFrnqxV9vwSihA?p=preview

&#39;1.0-0&#39; will give you 
zero decimal places i.e. no decimals.
e.g.$500

&#39;0.0-0&#39; will give you round formatted number with &#39;,&#39; 

100000.2 -&gt; 100,000

very cool

I just performed a clean install of Visual&amp;nbsp;Studio&amp;nbsp;2015 SP3, and I&#39;m getting this in the Output window at startup:

&gt; We were unable to automatically populate your Visual Studio Team Services accounts.
&gt;
&gt; The following error was encountered: TF400813: Resource not available for anonymous access. Client authentication required.

I&#39;m not using VSTS at all, nor have I configured any connections to it. (I do, however, have a connection configured to an on-premises TFS instance.)

How may I dispense with this error message? I&#39;d like to instruct Visual Studio to never attempt a connection to VSTS at startup.


Client authentication error when starting Visual Studio 2015 SP3

I am researching CoffeeScript on the website [http://coffeescript.org/](http://coffeescript.org/), and it has the text

&gt; The CoffeeScript compiler is itself written in CoffeeScript

How can a compiler compile itself, or what does this statement mean?

How can a compiler compile itself?

I have used the number pipe below to limit numbers to two decimal places.

    {{ exampleNumber | number : &#39;1.2-2&#39; }}

I was wondering what the logic behind &#39;1.2-2&#39; was? I have played around with these trying to achieve a pipe which filters to zero decimal places but to no avail.

What are the parameters for the number Pipe - Angular 2

I have used the number pipe below to limit numbers to two decimal places.
<pre><code class="hljs language-css">{{ exampleNumber | number : '1.2-2' }}
</code></pre>
I was wondering what the logic behind '1.2-2' was? I have played around with these trying to achieve a pipe which filters to zero decimal places but to no avail.

I&#39;m using Angular2 and TypeScript and I have an enum: 

```typescript
export enum Role {
    ServiceAdmin, CompanyAdmin, Foreman, AgentForeman, 
    CrewMember, AgentCrewMember, Customer
}
```

I want to use *ngFor to iterate over the enum. What is the best way to do this? Must I create a Pipe? Or is there a simpler way?

How can I use ngFor to iterate over Typescript Enum as an array of strings

I&#39;m trying to convert a ``timestamp`` to a date format using Angular pipes. I wrote this in the HTML template:
```HTML
{{myTimestamp | date}}
```
Where `myTimestamp` is of type number.

I get unexpected results, for example, the timestamp `1468251287` (Which matches Nov 7, 2016) is displayed as `Jan 18, 1970`.

I would like to know how I can fix this issue.



Convert timestamp to date using Angular 2 pipes

I have a parent component (**CategoryComponent**), a child component (**videoListComponent**) and an ApiService.

I have most of this working fine i.e. each component can access the json api and get its relevant data via observables.

Currently video list component just gets all videos, I would like to filter this to just videos in a particular category, I achieved this by passing the categoryId to the child via `@Input()`.

CategoryComponent.html

&lt;!-- language: xml --&gt;

    &lt;video-list *ngIf=&quot;category&quot; [categoryId]=&quot;category.id&quot;&gt;&lt;/video-list&gt;

This works and when the parent CategoryComponent category changes then the categoryId value gets passed through via `@Input()` but I then need to detect this in VideoListComponent and re-request the videos array via APIService (with the new categoryId).

In AngularJS I would have done a `$watch` on the variable. What is the best way to handle this?




How to detect when an @Input() value changes in Angular?

I have the following template :

    &lt;div&gt;
      &lt;span&gt;{{aVariable}}&lt;/span&gt;
    &lt;/div&gt;

and would like to end up with : 

    &lt;div &quot;let a = aVariable&quot;&gt;
      &lt;span&gt;{{a}}&lt;/span&gt;
    &lt;/div&gt;

Is there a way to do it ?

How to declare a variable in a template in Angular

I&#39;m using template like following:

    &lt;ul [ngClass]=&quot;{dispN: !shwFilter,&#39;list-group&#39;:true,&#39;autoS&#39;:true,&#39;dispB&#39;:shwFilter,&#39;myshddw&#39;:true}&quot; style=&quot;;display: none&quot;&gt;
      &lt;li *ngIf=&quot;itsNotF &amp;&amp; itsNotF.length&quot; [ngClass]=&quot;{bgDFF: !colps[j],&#39;list-group-item&#39;:true}&quot; *ngFor=&quot;let valm1 of itsNotF;let j=index;&quot; (click)=&quot;togFltr(j)&quot; style=&quot;padding: 0;background: #fff&quot;&gt;
        &lt;div *ngIf=&quot;valm1 &amp;&amp; valm1.type==&#39;1&#39;&quot;&gt;
          &lt;h5 style=&quot;padding:8px;margin: 0;&quot;&gt;{{valm1[&#39;header&#39;]}}&lt;/h5&gt;
          &lt;p style=&quot;margin: 8px;&quot;&gt;{{valm1[&#39;body&#39;]}}&lt;/p&gt;
          &lt;h6 style=&quot;padding:8px;margin: 0;&quot;&gt;{{valm1[&#39;note&#39;]}}&lt;/h6&gt;
        &lt;/div&gt;
        &lt;div *ngIf=&quot;valm1 &amp;&amp; valm1.type==&#39;2&#39;&quot; (click)=&quot;modlTxt=valm1;notREadVu(j)&quot; data-toggle=&quot;modal&quot; data-target=&quot;#myModal&quot;&gt;
          &lt;h5 style=&quot;padding:8px;margin: 0;&quot;&gt;{{valm1[&#39;header&#39;]}}&lt;/h5&gt;
          &lt;h6 style=&quot;padding:8px;margin: 0;&quot;&gt;{{valm1[&#39;note&#39;]}}&lt;/h6&gt;
        &lt;/div&gt;
        &lt;div *ngIf=&quot;valm1 &amp;&amp; valm1.type==&#39;3&#39;&quot;&gt;
          &lt;h5 style=&quot;padding:8px;margin: 0;&quot;&gt;{{valm1[&#39;header&#39;]}}&lt;/h5&gt;
          &lt;p style=&quot;margin: 8px;&quot;&gt;{{valm1[&#39;body&#39;]}}&lt;/p&gt;
          &lt;h6 style=&quot;padding:8px;margin: 0;&quot;&gt;{{valm1[&#39;note&#39;]}}&lt;/h6&gt;
        &lt;/div&gt;
      &lt;/li&gt;
      &lt;li [ngClass]=&quot;{bgDFF: !colps[j],&#39;list-group-item&#39;:true,&#39;lgOt&#39;:true}&quot; (click)=&quot;logout()&quot;&gt;
        &lt;span class=&quot;title&quot;&gt;Log Out &lt;i class=&quot;fa fa-sign-out&quot;&gt;&lt;/i&gt;&lt;/span&gt;
      &lt;/li&gt;
    &lt;/ul&gt;


So it gives following error:

    EXCEPTION: Template parse errors:
    Can&#39;t have multiple template bindings on one element. Use only one attribute named &#39;template&#39; or prefixed with * (&quot;one&quot;&gt;
      &lt;li *ngIf=&quot;itsNotF &amp;&amp; itsNotF.length&quot; [ngClass]=&quot;{bgDFF: !colps[j],&#39;list-group-item&#39;:true}&quot; [ERROR -&gt;]*ngFor=&quot;let valm1 of itsNotF;let j=index;&quot; (click)=&quot;togFltr(j)&quot; style=&quot;padding: 0;background: #fff&quot;&gt;
    &quot;): App@78:94

&gt; Previously it was not giving error I faced this issue after upgrading to RC4. 

&gt; So what&#39;s workaround, so I can apply multiple template binding on single element without altering Template structure.

How to apply multiple template bindings on one element in angular

I&#39;ve an HTML INPUT field.

    &lt;input 
        [(ngModel)]=&quot;item.value&quot; 
        name=&quot;inputField&quot; 
        type=&quot;text&quot; 
    /&gt;

and I want to format its value and use an existing pipe:

    .... 
    [(ngModel)]=&quot;item.value | useMyPipeToFormatThatValue&quot; 
    ....

and get the error message:

&gt; Cannot have a pipe in an action expression


How can I use pipes in this context?   


Using Pipes within ngModel on INPUT Elements in Angular

I have a custom pipe named **`CurrConvertPipe `** 

    import {Pipe, PipeTransform} from &#39;@angular/core&#39;;
    import {LocalStorageService} from &#39;./local-storage&#39;;
    @Pipe({name: &#39;currConvert&#39;, pure: false})
    export class CurrConvertPipe implements PipeTransform {
      constructor(private currencyStorage: LocalStorageService) {}
    
      transform(value: number): number {
         let inputRate = this.currencyStorage.getCurrencyRate(&#39;EUR&#39;);
        let outputputRate = this.currencyStorage.getCurrencyRate(localStorage.getItem(&#39;currency&#39;));
        return value / inputRate * outputputRate;
      }
    }

I need to use this in two different modules, `Module1` and `Module2`.  
When I import in `Module1` and `Module2`, I get an error saying it should be declared in a higher level module.

So I declare the pipe inside the **`app.module.ts`**

    import &#39;./rxjs-extensions&#39;;
    import { NgModule } from &#39;@angular/core&#39;;
    import { BrowserModule } from &#39;@angular/platform-browser&#39;;
    import { FormsModule } from &#39;@angular/forms&#39;;
    import { AppRoutingModule } from &#39;./app-routing.module&#39;;
    import { AppComponent } from &#39;./app.component&#39;;
    import { CurrConvertPipe } from &#39;./services/currency/currency-pipe&#39;;
    @NgModule({
        imports: [
            BrowserModule,
            FormsModule,
            HttpModule,
            AppRoutingModule,
            Module1,         
            Module2
            
        ],
    
        declarations: [
            AppComponent,
            CurrConvertPipe
        ],
        providers: [
        
        ],
        bootstrap: [AppComponent]
    })
    export class AppModule { }


But when I use it in `Module1`, it throws an error 

&gt; The pipe &#39;currConvert&#39; could not be found






How to declare a pipe globally to use in different modules?

Hi I have a observable user$ with a lot of properties (name, title, address...)

    component{
      user$:Observerable&lt;User&gt;;
      constructor(private userService:UserService){
        this.user$ = this.userService.someMethodReturningObservable$()
      }
    }

Is there a way to use the async pipe in the html template to subscribe to it and bind it to a local variable like this

    &lt;div #user=&quot;user$ | async&quot;&gt;
      &lt;h3&gt; {{user.name}}
    &lt;/div&gt;

I know can can subscribe to it in the constructor and then unsubscribe in OnLeave/OnDestroy but I was just curious if I could use the async pipe.

Cheers

angular - using async pipe on observable&lt;Object&gt; and bind it to local variable in html

i need your help, i&#39;m trying to display some datas from my firebase but it trhows me an error like `InvalidPipeArgument: &#39;[object Object]&#39; for pipe &#39;AsyncPipe&#39;`.

----------
There is my service: 

    import { Injectable } from &#39;@angular/core&#39;;
    import { AngularFireDatabase } from &#39;angularfire2/database&#39;;

    @Injectable()
    export class MoviesService {

      constructor(private db: AngularFireDatabase) {}
      get = () =&gt; this.db.list(&#39;/movies&#39;);
    }

----------
There is my component:

    import { Component, OnInit } from &#39;@angular/core&#39;;
    import { MoviesService } from &#39;./movies.service&#39;;

    @Component({
      selector: &#39;app-movies&#39;,
      templateUrl: &#39;./movies.component.html&#39;,
      styleUrls: [&#39;./movies.component.css&#39;]
    })
    export class MoviesComponent implements OnInit {
      movies: any[];

      constructor(private moviesDb: MoviesService) { }

      ngOnInit() {
        this.moviesDb.get().subscribe((snaps) =&gt; {
          snaps.forEach((snap) =&gt; {
            this.movies = snap;
            console.log(this.movies);
          });
       });
     }
    }


----------
And there is mmy pug:

    ul
      li(*ngFor=&#39;let movie of (movies | async)&#39;)
        | {{ movie.title | async }}



Angular 4: InvalidPipeArgument: &#39;[object Object]&#39; for pipe &#39;AsyncPipe&#39;

I would like to have consistent output for a particular R script. In this case, I would like all numeric output to be in scientific notation with exactly two decimal places.

Examples:

    0.05 --&gt; 5.00e-02
    0.05671 --&gt; 5.67e-02
    0.000000027 --&gt; 2.70e-08

I tried using the following options:

    options(scipen = 1)
    options(digits = 2)

This gave me the results:

    0.05 --&gt; 0.05
    0.05671 --&gt; 0.057
    0.000000027 --&gt; 2.7e-08

I obtained the same results when I tried:

    options(scipen = 0)
    options(digits = 2)

Thank you for any advice.

Content Type	Original Author	Original Content on Stackoverflow
Question	rushtoni88	View Question on Stackoverflow
Solution 1 - Angular	rinukkusu	View Answer on Stackoverflow
Solution 2 - Angular	Mwiza	View Answer on Stackoverflow
Solution 3 - Angular	Sajeetharan	View Answer on Stackoverflow
Solution 4 - Angular	alchi baucha	View Answer on Stackoverflow
Solution 5 - Angular	yael kfir	View Answer on Stackoverflow

What are the parameters for the number Pipe - Angular 2

Angular Problem Overview

Angular Solutions

Solution 1 - Angular

Solution 2 - Angular

Solution 3 - Angular

Solution 4 - Angular

Solution 5 - Angular

How can a compiler compile itself?

Client authentication error when starting Visual Studio 2015 SP3

Attributions