This should do what you want

    [attr.data-row]=&quot;row.index&quot; [attr.data-col]=&quot;cell.index&quot;

I did not explain my questions clearly at beginning.
Try to use `str()` and `json.dumps()` when converting JSON to string in python. 

    &gt;&gt;&gt; data = {&#39;jsonKey&#39;: &#39;jsonValue&#39;,&quot;title&quot;: &quot;hello world&quot;}
    &gt;&gt;&gt; print json.dumps(data)
    {&quot;jsonKey&quot;: &quot;jsonValue&quot;, &quot;title&quot;: &quot;hello world&quot;}
    &gt;&gt;&gt; print str(data)
    {&#39;jsonKey&#39;: &#39;jsonValue&#39;, &#39;title&#39;: &#39;hello world&#39;}
    &gt;&gt;&gt; json.dumps(data)
    &#39;{&quot;jsonKey&quot;: &quot;jsonValue&quot;, &quot;title&quot;: &quot;hello world&quot;}&#39;
    &gt;&gt;&gt; str(data)
    &quot;{&#39;jsonKey&#39;: &#39;jsonValue&#39;, &#39;title&#39;: &#39;hello world&#39;}&quot;

My question is:

    &gt;&gt;&gt; data = {&#39;jsonKey&#39;: &#39;jsonValue&#39;,&quot;title&quot;: &quot;hello world&#39;&quot;}
    &gt;&gt;&gt; str(data)
    &#39;{\&#39;jsonKey\&#39;: \&#39;jsonValue\&#39;, \&#39;title\&#39;: &quot;hello world\&#39;&quot;}&#39;
    &gt;&gt;&gt; json.dumps(data)
    &#39;{&quot;jsonKey&quot;: &quot;jsonValue&quot;, &quot;title&quot;: &quot;hello world\&#39;&quot;}&#39;
    &gt;&gt;&gt; 
My expected output: `&quot;{&#39;jsonKey&#39;: &#39;jsonValue&#39;,&#39;title&#39;: &#39;hello world&#39;&#39;}&quot;`

    &gt;&gt;&gt; data = {&#39;jsonKey&#39;: &#39;jsonValue&#39;,&quot;title&quot;: &quot;hello world&quot;&quot;}
      File &quot;&lt;stdin&gt;&quot;, line 1
        data = {&#39;jsonKey&#39;: &#39;jsonValue&#39;,&quot;title&quot;: &quot;hello world&quot;&quot;}
                                                              ^
    SyntaxError: EOL while scanning string literal
    &gt;&gt;&gt; data = {&#39;jsonKey&#39;: &#39;jsonValue&#39;,&quot;title&quot;: &quot;hello world\&quot;&quot;}
    &gt;&gt;&gt; json.dumps(data)
    &#39;{&quot;jsonKey&quot;: &quot;jsonValue&quot;, &quot;title&quot;: &quot;hello world\\&quot;&quot;}&#39;
    &gt;&gt;&gt; str(data)
    &#39;{\&#39;jsonKey\&#39;: \&#39;jsonValue\&#39;, \&#39;title\&#39;: \&#39;hello world&quot;\&#39;}&#39;

My expected output: `&quot;{&#39;jsonKey&#39;: &#39;jsonValue&#39;,&#39;title&#39;: &#39;hello world\&quot;&#39;}&quot;`

It is not necessary to change the output string to json (dict) again for me.

How to do this?

converting JSON to string in Python

I&#39;m using project Lombok together with Spring Data JPA.
Is there any way to connect Lombok `@Builder` with JPA default constructor?

Code:

    @Entity 
    @Builder
    class Person {
        @Id
        @GeneratedValue(strategy = GenerationType.AUTO)
        private Long id;
    }

As far as I know JPA needs default constructor which is overriden by `@Builder` annotation. Is there any workaround for that?

This code gives me error:
`org.hibernate.InstantiationException: No default constructor for entity:  : app.domain.model.Person`

Lombok @Builder and JPA Default constructor

Assuming I have really large grid of cells I want to add data-row and data-col atribute values and bind from model. How can I bind data-row from angular2 (beta0 in Dart).

Binding with data-row=&quot;{{boundVal}}&quot; does not seem to work.
(no data attribute appears in output html)

eg.

    &lt;table&gt;
      &lt;tr *ngFor=&quot;#row of rows&quot; &gt;
          &lt;td *ngFor=&quot;#cell of row.cells&quot; data-row=&quot;{{row.index}}&quot; data-col=&quot;{{cell.index}}&quot; &gt;
          &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;



How to bind to data-* attribute in angular2?

Assuming I have really large grid of cells I want to add data-row and data-col atribute values and bind from model. How can I bind data-row from angular2 (beta0 in Dart).
Binding with data-row="{{boundVal}}" does not seem to work.
(no data attribute appears in output html)
eg.
<pre><code class="hljs language-php-template">&#x3C;table>
 &#x3C;tr *ngFor="#row of rows" >
 &#x3C;td *ngFor="#cell of row.cells" data-row="{{row.index}}" data-col="{{cell.index}}" >
 &#x3C;/td>
 &#x3C;/tr>
&#x3C;/table>
</code></pre>

How does one cancel a subscription in Angular2?  RxJS seems to have a dispose method, but I can&#39;t figure out how to access it.  So I have code that has access to an EventEmitter and subscribes to it, like this:

    var mySubscription = someEventEmitter.subscribe(
        (val) =&gt; {
            console.log(&#39;Received:&#39;, val);
        },
        (err) =&gt; {
            console.log(&#39;Received error:&#39;, err);
        },
        () =&gt; {
            console.log(&#39;Completed&#39;);
        }
    );

How can I use `mySubscription` to cancel the subscription?

How to cancel a subscription in Angular2

In this scenario, I&#39;m displaying a list of students (array) to the view with `ngFor`:

    &lt;li *ngFor=&quot;#student of students&quot;&gt;{{student.name}}&lt;/li&gt;

It&#39;s wonderful that it updates whenever I add other student to the list. 

However, when I give it a `pipe` to `filter` by the student name, 

    &lt;li *ngFor=&quot;#student of students | sortByName:queryElem.value &quot;&gt;{{student.name}}&lt;/li&gt;

It does not update the list until I type something in the filtering student name field.

Here&#39;s a link to [plnkr][1].

**Hello_world.html**

    &lt;h1&gt;Students:&lt;/h1&gt;
    &lt;label for=&quot;newStudentName&quot;&gt;&lt;/label&gt;
    &lt;input type=&quot;text&quot; name=&quot;newStudentName&quot; placeholder=&quot;newStudentName&quot; #newStudentElem&gt;
    &lt;button (click)=&quot;addNewStudent(newStudentElem.value)&quot;&gt;Add New Student&lt;/button&gt;
    &lt;br&gt;
    &lt;input type=&quot;text&quot; placeholder=&quot;Search&quot; #queryElem (keyup)=&quot;0&quot;&gt;
    &lt;ul&gt;
        &lt;li *ngFor=&quot;#student of students | sortByName:queryElem.value &quot;&gt;{{student.name}}&lt;/li&gt;
    &lt;/ul&gt;

---

**sort_by_name_pipe.ts**

    import {Pipe} from &#39;angular2/core&#39;;
    
    @Pipe({
        name: &#39;sortByName&#39;
    })
    export class SortByNamePipe {
    
        transform(value, [queryString]) {
            // console.log(value, queryString);
            return value.filter((student) =&gt; new RegExp(queryString).test(student.name))
            // return value;
        }
    }


----

  [1]: http://plnkr.co/edit/j1VUdgJxYr6yx8WgzCId?p=preview

NgFor doesn&#39;t update data with Pipe in Angular2

I need to set some Authorization headers after the user has logged in, for every subsequent request.

---

To set headers for a particular request, 

&lt;!-- language: lang-js --&gt;

    import {Headers} from &#39;angular2/http&#39;;
    var headers = new Headers();
    headers.append(headerName, value);

    // HTTP POST using these headers
    this.http.post(url, data, {
      headers: headers
    })
    // do something with the response

[Reference](https://auth0.com/blog/2015/10/15/angular-2-series-part-3-using-http/)

But it would be not be feasible to manually set request headers for every request in this way. 

How do I set the headers set once the user has logged in, and also remove those headers on logout?

Angular - Set headers for every request

I would like to trigger HTTP request from an Angular component, but I do not know how to add URL arguments (query string) to it.

&lt;!-- language: lang-js --&gt;

    this.http.get(StaticSettings.BASE_URL).subscribe(
      (response) =&gt; this.onGetForecastResult(response.json()),
      (error) =&gt; this.onGetForecastError(error.json()),
      () =&gt; this.onGetForecastComplete()
    )

Now my `StaticSettings.BASE_URL` is like a URL without query string like: `http://atsomeplace.com/` but I want it to be like `http://atsomeplace.com/?var1=val1&amp;var2=val2`

How to add `var1`, and `var2` to my HTTP request object as an object?

&lt;!-- language: lang-js --&gt;

    {
      query: {
        var1: val1,
        var2: val2
      }
    }

and then just the HTTP module does the job to parse it into URL query string.

How to pass url arguments (query string) to a HTTP request on Angular?

[![enter image description here][1]][1]

These red squiggly lines say `cannot find module &#39;angular2/core&#39;`,`cannot find module &#39;angular2/router&#39;`,`cannot find module &#39;angular2/http&#39;`.
I checked other posts in [SO][2] but it seems they have no appropriate answer.

I also added a reference to the `d.ts` files as seen below but still not working.
[![enter image description here][3]][3]

Other posts say that I need to configure something in the `tsconfig.json` file but I am using Visual Studio and I see no need to use the tscompiler suggested by the angular team because Visual Studio should be able to compile ts files automatically.

Am I missing something? 

**Is the `tsconfig.json` still required even if you use Visual Studio?**

**How do I get rid of these squiggly lines?** 

Thanks!

(I am using Visual Studio 2015 and latest Typescript engine)

UPDATE:
I am not sure what exactly is the npm package manager. But I have a pre-built `package.json` file that was created when the project was created. I use this file for installing npm packages.
[![enter image description here][4]][4]
 


  [1]: http://i.stack.imgur.com/4OGPM.png
  [2]: https://stackoverflow.com/questions/34312869/cannot-find-module-angular2-core-in-visual-studio-2015-update-1
  [3]: http://i.stack.imgur.com/Rwn1V.png
  [4]: http://i.stack.imgur.com/GLaiz.png

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

How to bind to data-* attribute in angular2?

Angular Problem Overview

Angular Solutions

Solution 1 - Angular

Lombok @Builder and JPA Default constructor

converting JSON to string in Python

Attributions