Besides the redundant `)` this expression will always be `true` because `currentStatus` will always match one of these two conditions:

    currentStatus !== &#39;open&#39; || currentStatus !== &#39;reopen&#39;

perhaps you mean one of

    !(currentStatus === &#39;open&#39; || currentStatus === &#39;reopen&#39;)
    (currentStatus !== &#39;open&#39; &amp;&amp; currentStatus !== &#39;reopen&#39;)



You got a ninja &#39;)&#39;.

Try :

    &lt;div *ngIf=&quot;currentStatus !== &#39;open&#39; || currentStatus !== &#39;reopen&#39;&quot;&gt;

Our client have recently upgrade the security protocol to TLS 1.2. Therefore We have our application upgraded to 4.6.1 expecting the security protocol will be default to TLS 1.2 but it is not. Any idea why?

.Net Framework 4.6.1 not defaulting to TLS 1.2

I have read through the Beam documentation and also looked through Python documentation but haven&#39;t found a good explanation of the syntax being used in most of the example Apache Beam code. 

Can anyone explain what the `_` , `|` , and `&gt;&gt;` are doing in the below code? Also is the text in quotes ie &#39;ReadTrainingData&#39; meaningful or could it be exchanged with any other label? In other words how is that label being used?

    train_data = pipeline | &#39;ReadTrainingData&#39; &gt;&gt; _ReadData(training_data)
    evaluate_data = pipeline | &#39;ReadEvalData&#39; &gt;&gt; _ReadData(eval_data)

    input_metadata = dataset_metadata.DatasetMetadata(schema=input_schema)

    _ = (input_metadata
    | &#39;WriteInputMetadata&#39; &gt;&gt; tft_beam_io.WriteMetadata(
           os.path.join(output_dir, path_constants.RAW_METADATA_DIR),
           pipeline=pipeline))

    preprocessing_fn = reddit.make_preprocessing_fn(frequency_threshold)
    (train_dataset, train_metadata), transform_fn = (
      (train_data, input_metadata)
      | &#39;AnalyzeAndTransform&#39; &gt;&gt; tft.AnalyzeAndTransformDataset(
          preprocessing_fn))

Explain Apache Beam python syntax

I&#39;m confused a bit. I need to hide block if result have one of several cases. But seems it not working correctly...

    &lt;div *ngIf=&quot;currentStatus !== &#39;open&#39; || currentStatus !== &#39;reopen&#39; &quot;&gt;
    
        &lt;p padding text-center class=&quot;text-notification&quot;&gt;{{message}}&lt;/p&gt;
    
    &lt;/div&gt;

It&#39;s just appeared with other condition. It doesn&#39;t work neither 1 condition nor for 2. Also tried `*ngIf=&quot;currentStatus !== (&#39;open&#39; ||  &#39;reopen&#39;) &quot;` but it&#39;s works ok only for 1 case. 

angular 4: *ngIf with multiple conditions

I'm confused a bit. I need to hide block if result have one of several cases. But seems it not working correctly...
<pre><code class="hljs language-ini">&#x3C;div *ngIf="currentStatus !== 'open' || currentStatus !== 'reopen' ">

 &#x3C;p padding text-center class="text-notification">{{message}}&#x3C;/p>

&#x3C;/div>
</code></pre>
It's just appeared with other condition. It doesn't work neither 1 condition nor for 2. Also tried <code>*ngIf="currentStatus !== ('open' || 'reopen') "</code> but it's works ok only for 1 case.

How would I have multiple cases in an `*ngIf` statement? I&#39;m used to Vue or Angular 1 with having an `if`, `else if`, and `else`, but it seems like Angular 4 only has a `true` (`if`) and `false` (`else`) condition.

According to the documentation, I can only do:

    &lt;ng-container *ngIf=&quot;foo === 1; then first else second&quot;&gt;&lt;/ng-container&gt;
    &lt;ng-template #first&gt;First&lt;/ng-template&gt;
    &lt;ng-template #second&gt;Second&lt;/ng-template&gt;
    &lt;ng-template #third&gt;Third&lt;/ng-template&gt;

But I want to have multiple conditions (something like):

    &lt;ng-container *ngIf=&quot;foo === 1; then first; foo === 2; then second else third&quot;&gt;&lt;/ng-container&gt;
    &lt;ng-template #first&gt;First&lt;/ng-template&gt;
    &lt;ng-template #second&gt;Second&lt;/ng-template&gt;
    &lt;ng-template #third&gt;Third&lt;/ng-template&gt;

But I&#39;m ending up having to use `ngSwitch`, which feels like a hack:

    &lt;ng-container [ngSwitch]=&quot;true&quot;&gt;
      &lt;div *ngSwitchCase=&quot;foo === 1&quot;&gt;First&lt;/div&gt;
      &lt;div *ngSwitchCase=&quot;bar === 2&quot;&gt;Second&lt;/div&gt;
      &lt;div *ngSwitchDefault&gt;Third&lt;/div&gt;
    &lt;/ng-container&gt;

Alternately, it seems like a lot of the syntaxes I&#39;ve got used to from Angular 1 and Vue aren&#39;t supported in Angular 4, so what would be the recommended way to structure my code with conditions like this?




*ngIf else if in template

I have this in my app.module.ts:

```typescript
import { BrowserModule } from &#39;@angular/platform-browser&#39;;
import { ErrorHandler, NgModule } from &#39;@angular/core&#39;;
import { HttpModule, Http } from &#39;@angular/http&#39;;
import { IonicApp, IonicErrorHandler, IonicModule } from &#39;ionic-angular&#39;;
import { EliteApi } from &#39;../shared/shared&#39;;
import { MyApp } from &#39;./app.component&#39;;
import { MyTeams, Tournaments, TeamDetails, Teams, TeamHome, Standings } from &#39;../pages/pages&#39;;

import { StatusBar } from &#39;@ionic-native/status-bar&#39;;
import { SplashScreen } from &#39;@ionic-native/splash-screen&#39;;

@NgModule({
	declarations: [
		MyApp,
		MyTeams,
		TeamDetails,
		Tournaments,
		Teams,
		TeamHome,
		Standings
	],
	imports: [
		BrowserModule,
		IonicModule.forRoot(MyApp),
		HttpModule
	],
	bootstrap: [IonicApp],
	entryComponents: [
		MyApp,
		MyTeams,
		TeamDetails,
		Tournaments,
		Teams,
		TeamHome,
		Standings
	],
	providers: [
		HttpModule,
		StatusBar,
		SplashScreen,
		{ provide: ErrorHandler, useClass: IonicErrorHandler },        
		EliteApi
	]
})
export class AppModule { }
```

At the moment my `declarations` and `entryComponents` both are exactly the same. They contain all of the page/components that I built for my app. If I remove any entry from any of the properties I get error in angular2.

My question is if they are always the same then what is the need for these properties? I think I am definitely missing some point here. When would entryComponents and declaractions be different from one another?



What is the difference between declarations and entryComponents

This question comes from the Material2 Github [repo][1]. 

I still have problems to style a Material component that is wrapped in a custom component.

I have a `&lt;logo&gt;` component that contains `&lt;md-icon svgIcon=&quot;logo&quot;&gt;&lt;/md-icon&gt;`

Adding: 

    :host { 
       .mat-icon {
        width: 100px;
        height: 100px;
        font-size: 56px;
      }
    }

Will not apply to the Material component inside my custom component.


  [1]: https://github.com/angular/material2/issues/4422#issuecomment-300309224

How to change mat-icon size in Material

I&#39;m trying to use resolvers in order to make a better UX. Everything works great on the happy path. What I can&#39;t seem to figure out is how to handle exceptions. My resolver calls a service, which hits a webapi project. An example:

**FooResolver:**

    resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable&lt;Foo&gt; {
          return this.fooService.getById(route.params[&#39;id&#39;]).catch(err =&gt; {
        ****not sure what to do/return in the case of a server error****
        return Observable.throw(err);
      });
    } 

**FooService:**

      public getById(id: string): Observable&lt;Foo&gt; {
        return this.http.get(`${ this.apiUrl }/${ id }`)
            .map(this.extractData)
            .catch(this.handleError);
    }

**The handleError function:**

       protected handleError (error: Response | any) {
        // Todo: Log the error   
        // Errors will be handled uniquely by the component that triggered them
        return Observable.throw(error);
    }

Inside the FooComponent, I do this (this is never hit in the event of an error returned from the service/resolver):

**FooComponent**:
 

    ngOnInit(): void {
        this.foo= this.route.snapshot.data[&#39;foo&#39;];
        if (this.foo) {
           this.createForm(this.foo);
        }
    }

I&#39;ve tried throwing the error (as shown) - I get this exception in the console:

&gt; Uncaught (in promise): Response with status: 500 Internal Server Error
&gt; for URL:

 and returning `new Observable&lt;Foo&gt;()`, which gives:

&gt; Cannot read property &#39;subscribe&#39; of undefined

I have a few resolvers, all of which can experience exceptions on the server, But I don&#39;t know what to do in the event of these exceptions.

How to handle error in a Resolver

I am using Angular CLI and VSCode but none of my breakpoints in my spec files seem to be getting hit when I run `ng test`?

Do I need to do some config?

Debug Tests in NG Test

I recieve a number `type = 3` and have to check if it exists in this enum:

    export const MESSAGE_TYPE = {
        INFO: 1,
        SUCCESS: 2,
        WARNING: 3,
        ERROR: 4,
    };

The best way I found is by getting all Enum Values as an array and using indexOf on it. But the resulting code isn&#39;t very legible:

    if( -1 &lt; _.values( MESSAGE_TYPE ).indexOf( _.toInteger( type ) ) ) {
        // do stuff ...
    }

Is there a simpler way of doing this?


Check if value exists in enum in TypeScript

I try to make a `uuid` (v 3.0.1) package work in Node/Typescript app, but I&#39;m not sure what should I import and how to use it.

This is `index.d.ts` (from `@types/uuid` v 2.0.29):

    declare namespace uuid {
    	interface V1Options {
    		node?: number[];
    		clockseq?: number;
    		msecs?: number | Date;
    		nsecs?: number;
    	}
    
    	type V4Options = { random: number[] } | { rng: () =&gt; number[]; }
    
    	interface UuidStatic {
    		(options?: V4Options): string;
    		(options: V4Options | null, buffer: number[], offset?: number): number[];
    		(options: V4Options | null, buffer: Buffer, offset?: number): Buffer;
    
    		v1(options?: V1Options): string;
    		v1(options: V1Options | null, buffer: number[], offset?: number): number[];
    		v1(options: V1Options | null, buffer: Buffer, offset?: number): Buffer;
    		v4: UuidStatic;
    		parse(id: string): number[];
    		parse(id: string, buffer: number[], offset?: number): number[];
    		parse(id: string, buffer: Buffer, offset?: number): Buffer;
    		unparse(buffer: number[] | Buffer, offset?: number): string;
    	}
    }
    
    declare const uuid: uuid.UuidStatic
    export = uuid

I cant find exported class here. 

For example `index.d.ts` from `angular2-uuid` looks like that:

    export declare class UUID {
        constructor();
        static UUID(): string;
        private static pad4(num);
        private static random4();
    }

And it&#39;s quite obvious to use:

    let id = UUID.UUID();

So. How to use (import and call) `uuid`?

guid/uuid in Typescript Node.js app

The JavaScript Date object compare dates with time including, so, if you compare:
`time1.getTime() === time2.getTime()`, they&#39;ll be **&quot;false&quot;** if at least one millisecond is different.

What we need is to have a nice way to compare by Hour, Day, Week, Month, Year?
Some of them are easy, like year: `time1.getYear() === time2.getYear()`
but with day, month, hour it is more complex, as it requires multiple validations or divisions.

Is there any nice module or optimized code for doing those comparisons?

How to tell if two dates are in the same day or in the same hour?

It&#39;s my understanding that these two functions will have the same behavior in JavaScript:

    const whatever1 = (): Promise&lt;number&gt; =&gt; {
        return new Promise((resolve) =&gt; {
            resolve(4);
        });
    };

    const whatever2 = async (): Promise&lt;number&gt; =&gt; {
        return new Promise((resolve) =&gt; {
            resolve(4);
        });
    };

But TypeScript seems to not like the second one, it says:

    Type &#39;{}&#39; is not assignable to type &#39;number&#39;.

Is this a bug in TypeScript, or am I misunderstanding something about async functions?

Returning a promise in an async function in TypeScript

I&#39;m trying to make a cast in my code from the body of a request in express (using body-parser middleware) to an interface, but it&#39;s not enforcing type safety.

This is my interface:

    export interface IToDoDto {
      description: string;
      status: boolean;
    };

This is the code where I&#39;m trying to do the cast:

    @Post()
    addToDo(@Response() res, @Request() req) {
      const toDo: IToDoDto = &lt;IToDoDto&gt; req.body; // &lt;&lt;&lt; cast here
      this.toDoService.addToDo(toDo);
      return res.status(HttpStatus.CREATED).end();
    }

And finally, the service method that&#39;s being called:

    public addToDo(toDo: IToDoDto): void {
      toDo.id = this.idCounter;
      this.todos.push(toDo);
      this.idCounter++;
    }

**I can pass whatever arguments, *even ones that don&#39;t come close to matching the interface definition*, and this code will work fine.** I would expect, if the cast from response body to interface is not possible, that an exception would be thrown at runtime like Java or C#.

I have read that in TypeScript casting doesn&#39;t exist, only Type Assertion, so it will only tell the compiler that an object is of type `x`, so... Am I wrong? What&#39;s the right way to enforce and ensure type safety? 

Cast object to interface in TypeScript

I am using Material 2 to add `md-raised-button`. I want to apply this directive only if certain condition becomes true.

For example: 

    &lt;button md-raised-button=&quot;true&quot;&gt;&lt;/button&gt;

Another example:
I created a basic dynamic reactive form in plunker.
I am using `formArrayName` directive of reactive form for array of controls.
I want to apply `formArrayName` directive only if specific condition becomes true, otherwise don&#39;t add `formArrayName` directive.

Here is a [plunker link][1].


  [1]: https://plnkr.co/edit/oPZ7PyBSf8jjYa2KVh4J?p=preview

Apply a directive conditionally

I would like to display different template in my component. Only one will show.
If `hasURL` is `true`, I want to show the `&lt;a&gt;&lt;/a&gt;`.
If `hasURL` is `false`, I want to show the `&lt;button&gt;&lt;/button&gt;`.

The problem if hasURL is false, the component show button, but the ng-content is empty. Because it&#39;s already read in the first &quot;`a&gt;&lt;/a&gt;`

Is there a way to solve that please?

            &lt;a class=&quot;bouton&quot; href=&quot;{{ href }}&quot; *ngIf=&quot;hasURL&quot;&gt;
                &lt;ng-content&gt;
                &lt;/ng-content&gt;
            &lt;/a&gt;

            &lt;button class=&quot;bouton&quot; *ngIf=&quot;!hasURL&quot;&gt;
                &lt;ng-content&gt;
                &lt;/ng-content&gt;    
            &lt;/button&gt;



How to use multiple ng-content in the same component in Angular 2?

What is the difference in Angular 2 between the following snippets:

&lt;!-- language: html --&gt;
    &lt;div [class.extra-sparkle]=&quot;isDelightful&quot;&gt;
    &lt;div [ngClass]=&quot;{&#39;extra-sparkle&#39;: isDelightful}&quot;&gt;
    


Content Type	Original Author	Original Content on Stackoverflow
Question	Merge-pony	View Question on Stackoverflow
Solution 1 - Angular	Günter Zöchbauer	View Answer on Stackoverflow
Solution 2 - Angular	Toodoo	View Answer on Stackoverflow

angular 4: *ngIf with multiple conditions

Angular Problem Overview

Angular Solutions

Solution 1 - Angular

Solution 2 - Angular

Explain Apache Beam python syntax

.Net Framework 4.6.1 not defaulting to TLS 1.2

Attributions