There can be several instances of various types associated with the element tag with the `#myname` template variable. 

For each element there is an `ElementRef` and `ViewContainerRef` (maybe others from components or directives applied to that tag).

If the element is a component, then there is the component instance.

There can also be one or several directives applied to the element

With `{read: SomeType}` you tell what type should be returned from the element with the `#myname` template variable.

If you don&#39;t provide the `read` parameter, `@ViewChild()` returns the 

- `ElementRef` instance if there is no component applied, or the 
- component instance if there is. 
- If you want to get something different you need to explicitly specify using `read`.

See also https://stackoverflow.com/questions/32693061/angular-2-typescript-get-hold-of-an-element-in-the-template

I&#39;m trying to invoke a lambda function from node.
```javascript
var aws = require(&#39;aws-sdk&#39;);
var lambda = new aws.Lambda({
    accessKeyId: &#39;id&#39;,
    secretAccessKey: &#39;key&#39;,
    region: &#39;us-west-2&#39;
});

lambda.invoke({
    FunctionName: &#39;test1&#39;,
    Payload: JSON.stringify({
        key1: &#39;Arjun&#39;,
        key2: &#39;kom&#39;,
        key3: &#39;ath&#39;
    })
}, function(err, data) {
    if (err) console.log(err, err.stack);
    else     console.log(data);
});
```

The keys are for an IAM user. The user has `AWSLambdaExecute` and `AWSLambdaBasicExecutionRole` policies attached.

I get a permission error:
`AccessDeniedException: User: arn:aws:iam::1221321312:user/cli is not authorized to perform: lambda:InvokeFunction on resource: arn:aws:lambda:us-west-2:1221321312:function:test1`

I read the docs and several blogs, but I&#39;m unable to authorise this user to invoke the lambda function. How do get this user to invoke lambda?


AccessDeniedException: User is not authorized to perform: lambda:InvokeFunction

I have copied my solution file from another system and tried to run it on my machine:
For this, I have gone to the project folder and deleted the previous solution file and copied the new one.

Now, it started giving me error. connection refused etc. So, I got one solution from here: https://stackoverflow.com/questions/32190881/how-to-solve-err-connection-refused-when-trying-to-connect-to-localhost-running

According to it, I changed the port number from 1049 to 1052. It loaded and one of the pages gets loaded.
But when I entered the desired login credentials then it redirected to the older port again, like this:

    http://localhost:1049/Home/SearchFlight

and the error is:

     This site can’t be reached

     localhost refused to connect.
     Search Google for localhost 1049 Home Search Flight
     ERR_CONNECTION_REFUSED

Now, I don&#39;t know what to do from here. I have changed the port number to 1052 but still its pointing to 1049. What should i do now?

localhost refused to connect Error in visual studio

Need help to understand meaning of {read: ViewContainerRef} in following statement.

    @ViewChild(&#39;myname&#39;, {read: ViewContainerRef}) target;

What is the read parameter in @ViewChild for

Need help to understand meaning of {read: ViewContainerRef} in following statement.
<pre><code class="hljs language-less">@ViewChild('myname', {read: ViewContainerRef}) target;
</code></pre>

I have a `@Injectable` service defined in bootstrap. I want to get the instance of the service without using constructor injection. I tried using `ReflectiveInjector.resolveAndCreate` but that seem to create a new instance.

The reason I&#39;m trying to do is I have a base component derived by many components. Now I need to access a service but I don&#39;t want to add it to the ctor because I don&#39;t want to inject the service on all of the derivative components.

TLDR: I need a `ServiceLocator.GetInstance&lt;T&gt;()`

**UPDATE:** Updated code for RC5+: https://stackoverflow.com/questions/39409328/storing-injector-instance-for-use-in-components

Getting instance of service without constructor injection

I&#39;m new to Angular 2 (and Angular in general...) and am finding it very engaging. I am using [Angular CLI][1] to generate and serve projects. It seems to work well – though for my little learning projects, it produces more than I need –&#160;but that&#39;s to be expected.

I&#39;ve noticed that it generates `spec.ts` for each Angular element in a project (Component, Service, Pipe, etc). I&#39;ve searched around but have not found an explanation of what these files are for.

Are these build files which are normally hidden when using `tsc`? I wondered because I wanted to change the name of a poorly named `Component` I&#39;d created and discovered that the name was also referenced in these `spec.ts` files.


----------


    import {
      beforeEach,
      beforeEachProviders,
      describe,
      expect,
      it,
      inject,
    } from &#39;@angular/core/testing&#39;;
    import { ComponentFixture, TestComponentBuilder } from &#39;@angular/compiler/testing&#39;;
    import { Component } from &#39;@angular/core&#39;;
    import { By } from &#39;@angular/platform-browser&#39;;
    import { PovLevelComponent } from &#39;./pov-level.component&#39;;
    
    describe(&#39;Component: PovLevel&#39;, () =&gt; {
      let builder: TestComponentBuilder;
    
      beforeEachProviders(() =&gt; [PovLevelComponent]);
      beforeEach(inject([TestComponentBuilder], function (tcb: TestComponentBuilder) {
        builder = tcb;
      }));
    
      it(&#39;should inject the component&#39;, inject([PovLevelComponent],
          (component: PovLevelComponent) =&gt; {
        expect(component).toBeTruthy();
      }));
    
      it(&#39;should create the component&#39;, inject([], () =&gt; {
        return builder.createAsync(PovLevelComponentTestController)
          .then((fixture: ComponentFixture&lt;any&gt;) =&gt; {
            let query = fixture.debugElement.query(By.directive(PovLevelComponent));
            expect(query).toBeTruthy();
            expect(query.componentInstance).toBeTruthy();
          });
      }));
    });
    
    @Component({
      selector: &#39;test&#39;,
      template: `
        &lt;app-pov-level&gt;&lt;/app-pov-level&gt;
      `,
      directives: [PovLevelComponent]
    })
    class PovLevelComponentTestController {
    }



  [1]: https://cli.angular.io/


What are the &quot;spec.ts&quot; files generated by Angular CLI for?

If I don’t add **private** before `foo`, `loadBar`, and`text`, I believe they are **public** by default.

    export class RandomComponent {
      @Input() foo: string;
      @Output() loadBar = new EventEmitter();
      text: string;
    }

Is there any use case when they are `public` in the component?

For encapsulation/security reason, should I always add `private` for all of them like below?

    export class RandomComponent {
      @Input() private foo: string;
      @Output() private loadBar = new EventEmitter();
      private text: string;
    }

Thanks


&quot;private&quot; and &quot;public&quot; in Angular component

I&#39;m learning Angular2. I have a component with a variable which is an object.
I&#39;m iterating over the fields of the object, and acording to the type of data of that position, I need to render a different compoenent.
In this case, I want tu render that `label` if the `typeof` that position is a `number` how ever this is not working

    &lt;div&gt;
      &lt;div *ngIf=&#39;obj&#39;&gt;
        &lt;label *ngFor=&quot;let key of keys; let i = index&quot;&gt;
          &lt;label class=&#39;key&#39;&gt;{{key}}:&lt;/label&gt;
          &lt;label class=&#39;number&#39; *ngIf=&#39;typeof obj[key] === &quot;number&quot;&#39;&gt;
          &lt;!-- label class=&#39;number&#39; *ngIf=&#39;obj[key] | typeof === &quot;number&quot;&#39; --&gt;
            {{ obj[key] }}
          &lt;/label&gt;
        &lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;

Any ideas?

I have also created a pipe to get the `typeof` which work when I print the value, but not inside the *ngIf

How to check type of variable in ngIf in Angular2

I have an Angular 2 application. For mocking the  `Document` object in tests, I&#39;d like to inject it to the service like:

    import { Document } from &#39;??&#39; 

    @Injectable()
    export class MyService {
      constructor(document: Document) {}
    }

The `Title` service of Angular [uses the internal `getDOM()` method][1].

Is there any simple way to inject the `Document` to the service? Also, how should I reference it in the `providers` array?


  [1]: https://github.com/angular/angular/blob/master/modules/%40angular/platform-browser/src/browser/title.ts

Content Type	Original Author	Original Content on Stackoverflow
Question	Pankaj Kapare	View Question on Stackoverflow
Solution 1 - Angular	Günter Zöchbauer	View Answer on Stackoverflow

What is the read parameter in @ViewChild for

Angular Problem Overview

Angular Solutions

Solution 1 - Angular

localhost refused to connect Error in visual studio

AccessDeniedException: User is not authorized to perform: lambda:InvokeFunction

Attributions