&lt;!-- language-all: lang-html --&gt;

String literals can be passed in different ways:

    &lt;component inputField=&quot;string&quot;&gt;&lt;/component&gt;
    &lt;component [inputField]=&quot;&#39;string&#39;&quot;&gt;&lt;/component&gt;
    &lt;component inputField=&quot;{{&#39;string&#39;}}&quot;&gt;&lt;/component&gt;


You can pass a string by enclosing the string in quotes

    &lt;component [inputField]=&quot;&#39;string&#39;&quot;&gt;&lt;/component&gt;

To include a single quote (and possibly other special HTML characters) in the string literal the first option works while those that use single quotes to wrap the literal fail with parse errors. For example:

    &lt;component inputField=&quot;John&amp;#39;s Value&quot;&gt;&lt;/component&gt;

Will output &quot;John&#39;s Value&quot; correctly.

I&#39;m trying to run a neural network multiple times with different parameters in order to calibrate the networks parameters (dropout probabilities, learning rate e.d.). However I am having the problem that running the network while keeping the parameters the same still gives me a different solution when I run the network in a loop as follows:
   
    filename = create_results_file()
    for i in range(3):
      g = tf.Graph()
      with g.as_default():
        accuracy_result, average_error = network.train_network(
            parameters, inputHeight, inputWidth, inputChannels, outputClasses)
        f, w = get_csv_writer(filename)
        w.writerow([accuracy_result, &quot;did run %d&quot; % i, average_error])
        f.close()

I am using the following code at the start of my train_network function before setting up the layers and error function of my network:

    np.random.seed(1)
    tf.set_random_seed(1)

I have also tried adding this code before the TensorFlow graph creation, but I keep getting different solutions in my results output. 

I am using an AdamOptimizer and am initializing network weights using `tf.truncated_normal`. Additionally I am using `np.random.permutation` to shuffle the incoming images for each epoch.


How to get stable results with TensorFlow, setting random seed

Does implementing Shadow DOM in my projects will make them faster like virtual DOM that&#39;s used by React?

Is Shadow DOM fast like Virtual DOM in React.js?

I&#39;d like to pass a string value to a component in angular2, but it doesn&#39;t work with the default binding.
I&#39;m thinking of something similar to this:
&lt;!-- language-all: lang-html --&gt;

    &lt;component [inputField]=&quot;string&quot;&gt;&lt;/component&gt;

Unfortunately, only expressions are allowed on the right side of the assignment. Is there a way to do this?

How to pass a string value to a component in angular2

I'd like to pass a string value to a component in angular2, but it doesn't work with the default binding.
I'm thinking of something similar to this:

<pre><code class="hljs language-php-template">&#x3C;component [inputField]="string">&#x3C;/component>
</code></pre>
Unfortunately, only expressions are allowed on the right side of the assignment. Is there a way to do this?

I&#39;m new to Angular and I&#39;m coming from the Ember community. Trying to use the new Angular-CLI based off of Ember-CLI. 

I need to know the best way to handle SASS in a new Angular project. I tried using the [`ember-cli-sass`](https://github.com/aexmachina/ember-cli-sass) repo to see if it would play along since a number of core components of the Angular-CLI are run off of Ember-CLI modules. 

It didnt work but than again not sure if I just misconfigured something. 

Also, what is the best way to organize styles in a new Angular project? It would be nice to have the sass file in the same folder as the component. 

Angular CLI SASS options

I need to make request to same server, REST API on another port.

How can I do this without hardcoding full name in service URLs?

Get domain name for service in Angular2

I was trying to redirect 404 `/` other path if the path does not exist in angular 2

I tried research there is some method for angular 1 but not angular 2.

Here is my code :

    @RouteConfig([
    {
        path: &#39;/news&#39;,
        name: &#39;HackerList&#39;,
        component: HackerListComponent,
        useAsDefault: true
    },
    {
        path: &#39;/news/page/:page&#39;,
        name: &#39;TopStoriesPage&#39;,
        component: HackerListComponent
    },
    {
        path: &#39;/comments/:id&#39;,
        name: &#39;CommentPage&#39;,
        component: HackerCommentComponent
    }
    ])

So example if I redirect to `/news/page/` then it works and it return me an empty page how do you handle this kind of case happen?

Angular 2 How to redirect to 404 or other path if the path does not exist

I am getting chunks of HTML codes from HTTP calls. I put the HTML blocks in a variable and insert it on my page with [innerHTML] but I can not style the inserted HTML block. Does anyone have any suggestion how I might achieve this?

 &lt;!-- language: lang-typescript --&gt;

    @Component({
      selector: &#39;calendar&#39;,
      template: &#39;&lt;div [innerHTML]=&quot;calendar&quot;&gt;&lt;/div&gt;&#39;,
      providers: [HomeService], 
      styles: [`h3 { color: red; }`]
    })

The HTML that I want to style is the block contained in the variable &quot;calendar&quot;. 


Angular 2 - innerHTML styling

By using Http, we call a method that does a network call and returns an http observable:

&lt;!-- language-all: lang-js --&gt;

    getCustomer() {
        return this.http.get(&#39;/someUrl&#39;).map(res =&gt; res.json());
    }

If we take this observable and add multiple subscribers to it:

    let network$ = getCustomer();

    let subscriber1 = network$.subscribe(...);
    let subscriber2 = network$.subscribe(...);

What we want to do, is ensure that this does not cause multiple network requests.

This might seem like an unusual scenario, but its actually quite common: for example if the caller subscribes to the observable to display an error message, and passes it to the template using the async pipe, we already have two subscribers.

What is the correct way of doing that in RxJs 5? 

Namely, this seems to work fine:

    getCustomer() {
        return this.http.get(&#39;/someUrl&#39;).map(res =&gt; res.json()).share();
    }

But is this the idiomatic way of doing this in RxJs 5, or should we do something else instead? 

*Note : As per Angular 5 new `HttpClient`, the `.map(res =&gt; res.json())` part in all examples is now useless, as JSON result is now assumed by default.*

What is the correct way to share the result of an Angular Http network call in RxJs 5?

I&#39;m working on an **Angular2** application, and I need to display -- but `disable` an `&lt;a&gt;` *HTML* element. What is the correct way to do this?

**Updated**

Please note the `*ngFor`, this would prevent the option of using `*ngIf` and not rendering the `&lt;a&gt;` altogether.

    &lt;a *ngFor=&quot;let link of links&quot;
       href=&quot;#&quot; 
       [class.disabled]=&quot;isDisabled(link)&quot; 
       (click)=&quot;onClick(link)&quot;&gt;
       {{ link.name }}
    &lt;/a&gt;

The **TypeScript** component has a method that looks like this:

    onClick(link: LinkObj) {
        // Do something relevant with the object... 
        return false;
    }

I need to actually prevent the element from being clickable, not just appear that it is with the **CSS**. I was assuming that I needed to potentially bind to the `[disabled]` attribute at first, but this is incorrect as the anchor element doesn&#39;t have a `disabled` property.

I looked at and considered using the `pointer-events: none` but this prevents my style of `cursor: not-allowed` from working -- and this is part of the requirement.

Angular2, what is the correct way to disable an anchor element?

I have read [NgStyle Documentation For Angular 2][1], and it is a little bit confusing for me. How do I use NgStyle with condition like (if...else) to set background image of any element? 

  [1]: https://angular.io/api/common/NgStyle


Combine [NgStyle] With Condition (if..else)

Refered to https://angular.io/docs/ts/latest/guide/displaying-data.html and stack https://stackoverflow.com/questions/37111005/how-to-check-empty-object-in-angular-2-template-using-ngif still getting syntax error self context undefined. If I remove *ngIf condition then I am getting values in teamMembers if I push some value into it so I can access values in teamMembers.

my `teamMember` object is `[ ] array` i am trying to check condition array is empty by size.

Tries : 

    &lt;div class=&quot;row&quot; *ngIf=&quot;(teamMembers | json) != &#39;{}&#39;&quot;&gt;

and

    &lt;div class=&quot;row&quot; *ngIf=&quot;teamMembers.length &gt; 0&quot;&gt; //Check length great than
                                                     throwing syntax error
				&lt;div class=&quot;col-md-12&quot;&gt;
					&lt;h4&gt;Team Members&lt;/h4&gt;
					&lt;ul class=&quot;avatar&quot; *ngFor=&quot;let member of teamMembers&quot;&gt;
						&lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;gravatar-image [size]=&quot;80&quot; [email]=&quot;member.email&quot;&gt;&lt;/gravatar-image&gt;&lt;/a&gt;&lt;/li&gt;
					&lt;/ul&gt;
				&lt;/div&gt;
			&lt;/div&gt;

Component :

    @Component({
    selector: &#39;pbi-editor&#39;,
    })
    export class AppComponent implements OnInit {
    teamMembers: User[];

Any help would be great.

Angular2 *ngIf check object array length in template

In my Angular 2 component I have an Observable array

&lt;!-- language: lang-ts --&gt;

    list$: Observable&lt;any[]&gt;;

In my Template I have

&lt;!-- language: lang-html --&gt;

    &lt;div *ngIf=&quot;list$.length==0&quot;&gt;No records found.&lt;/div&gt;
    
    &lt;div *ngIf=&quot;list$.length&gt;0&quot;&gt;
        &lt;ul&gt;
            &lt;li *ngFor=&quot;let item of list$ | async&quot;&gt;item.name&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/div&gt;

But list$.length doesn&#39;t work with in case of Observable array.


**Update:**

It seems that **(list$ | async)?.length** gives us the length but the below code still doesn&#39;t work:

&lt;!-- language: lang-html --&gt;

    &lt;div&gt;
        Length: {{(list$ | async)?.length}}
        &lt;div *ngIf=&quot;(list$ | async)?.length&gt;0&quot;&gt;
            &lt;ul&gt;
                &lt;li *ngFor=&quot;let item of (list$ | async)&quot;&gt;
                    {{item.firstName}}
                &lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/div&gt;

 Can anyone please guide how do I check length of Observable array.


How to check the length of an Observable array

I need to pass an array of values to a component using binding, e.g.

    @Component({
        selector: &#39;my-component&#39;,
        template: &#39;&lt;div data=&quot;[1, 2, &#39;test&#39;]&quot;&gt;&lt;/div&gt;
    })
    export class MyComponent {
        @Input() data: any[];
        ...
    }

However, it seems Angular treats this as `string`/`string[1]` (in the actual project the array is a route and I need to pass this route on to a component which has the `[routerLink]` directive).

How do I go about this?

Content Type	Original Author	Original Content on Stackoverflow
Question	Andras Hatvani	View Question on Stackoverflow
Solution 1 - Angular	Günter Zöchbauer	View Answer on Stackoverflow
Solution 2 - Angular	Eric Martinez	View Answer on Stackoverflow
Solution 3 - Angular	Glenn	View Answer on Stackoverflow

How to pass a string value to a component in angular2

Angular Problem Overview

Angular Solutions

Solution 1 - Angular

Solution 2 - Angular

Solution 3 - Angular

Is Shadow DOM fast like Virtual DOM in React.js?

How to get stable results with TensorFlow, setting random seed

Attributions