Use **ngInit**: https://docs.angularjs.org/api/ng/directive/ngInit

    &lt;div ng-repeat=&quot;day in forecast_days&quot; ng-init=&quot;f = forecast[day.iso]&quot;&gt;
      {{$index}} - {{day.iso}} - {{day.name}}
      Temperature: {{f.temperature}}&lt;br&gt;
      Humidity: {{f.humidity}}&lt;br&gt;
      ...
    &lt;/div&gt;

Example: http://jsfiddle.net/coma/UV4qF/

It&#39;s [not the best answer](https://stackoverflow.com/questions/16665319/how-to-set-a-variable-inside-of-a-template#comment54563800_16665319), but its also an option: since you can concatenate multiple expressions, but just the last one is rendered, you can finish your expression with `&quot;&quot;` and your variable will be hidden.

So, you could define the variable with:  

    {{f = forecast[day.iso]; &quot;&quot;}}

Is there an easy way in IDEA 12 to rename a project in the &quot;Recent Projects&quot; list?

IntelliJ IDEA: How to rename a project (in &quot;Recent Projects&quot; list)?

In C, I have two char arrays:


    char array1[18] = &quot;abcdefg&quot;;
    char array2[18];

How to copy the value of `array1` to `array2` ? Can I just do this: `array2 = array1`?


How to copy a char array in C?

How can I avoid having the `{{f = ...}}` statement in the third line print out the content of `forecast[day.iso]`?

I want to avoid using `forecast[day.iso].temperature` and so on for every iteration.

    &lt;div ng-repeat=&quot;day in forecast_days&quot;&gt;
      {{$index}} - {{day.iso}} - {{day.name}}
      {{f = forecast[day.iso]}}
      Temperature: {{f.temperature}}&lt;br&gt;
      Humidity: {{f.humidity}}&lt;br&gt;
      ...
    &lt;/div&gt;



AngularJS: How to set a variable inside of a template?

How can I avoid having the <code>{{f = ...}}</code> statement in the third line print out the content of <code>forecast[day.iso]</code>?
I want to avoid using <code>forecast[day.iso].temperature</code> and so on for every iteration.
<pre><code class="hljs language-css">&#x3C;div ng-repeat="day in forecast_days">
 {{$index}} - {{day.iso}} - {{day.name}}
 {{f = forecast[day.iso]}}
 Temperature: {{f.temperature}}&#x3C;br>
 Humidity: {{f.humidity}}&#x3C;br>
 ...
&#x3C;/div>
</code></pre>

I&#39;ve come across the following code:

    function test(data) {
        if (data != null &amp;&amp; data !== undefined) {
            // some code here
        }
    }

I&#39;m somewhat new to JavaScript, but, from other questions I&#39;ve been reading here, I&#39;m under the impression that this code does not make much sense.

---

&lt;del&gt;
In particular, &lt;a href=&quot;https://stackoverflow.com/a/2559513/2088822&quot;&gt;this answer&lt;/a&gt; states that
&lt;/del&gt;

&gt; &lt;del&gt;You&#39;ll get an error if you access an undefined variable in any context other than `typeof`. &lt;/del&gt;

**Update:** The (quote of the) answer above may be misleading. It should say *&#171;an undeclared variable&#187;*, instead of *&#171;an undefined variable&#187;*.

As I found out, in the answers by [*Ryan ♦*][1], [*maerics*][2], and [*nwellnhof*][3], even when no arguments are provided to a function, its variables for the arguments are always declared. This fact also proves wrong the first item in the list below.

---

From my understanding, the following scenarios may be experienced:

  - &lt;del&gt;The function was called with no arguments, thus making `data` an undefined variable, and raising an error on `data != null`.&lt;/del&gt;

  - The function was called specifically with `null` (or `undefined`), as its argument, in which case `data != null` already protects the inner code, rendering `&amp;&amp; data !== undefined` useless.

  - The function was called with a non-null argument, in which case it will trivially pass both `data != null` **and** `data !== undefined`.

**Q: Is my understanding correct?**

---

I&#39;ve tried the following, in Firefox&#39;s console:

    --
    [15:31:31.057] false != null
    [15:31:31.061] true
    --
    [15:31:37.985] false !== undefined
    [15:31:37.989] true
    --
    [15:32:59.934] null != null
    [15:32:59.937] false
    --
    [15:33:05.221] undefined != null
    [15:33:05.225] false
    --
    [15:35:12.231] &quot;&quot; != null
    [15:35:12.235] true
    --
    [15:35:19.214] &quot;&quot; !== undefined
    [15:35:19.218] true

I can&#39;t figure out a case where the `data !== undefined` **after** `data != null` might be of any use.

  [1]: https://stackoverflow.com/a/16672768/2088822
  [2]: https://stackoverflow.com/a/16673024/2088822
  [3]: https://stackoverflow.com/a/16674810/2088822

JavaScript null check

I have two functions on my form except one does not work if the other is active. Here is my code:

    window.onload = function(event) {
        var $input2 = document.getElementById(&#39;dec&#39;);
        var $input1 = document.getElementById(&#39;parenta&#39;);
        $input1.addEventListener(&#39;keyup&#39;, function() {
            $input2.value = $input1.value;
        });
    }

    window.onload=function(){
        document.getElementById(&#39;enable&#39;).onchange=function(){
            var txt = document.getElementById(&#39;gov1&#39;);
            if(this.checked) txt.disabled=false;
            else txt.disabled = true;
        };
    };

What I mean is that when I have both these functions in my form the second function works fine but the first will not work, if take out the second function the first one will work like normal, why is this happening? Is it because of the names?

Add two functions to window.onload

Modify object property in an array of objects

In JavaScript, I have a loop that has many iterations, and in each iteration, I am creating a huge string with many `+=` operators. Is there a more efficient way to create a string? I was thinking about creating a dynamic array where I keep adding strings to it and then do a join. Can anyone explain and give an example of the fastest way to do this?


Most efficient way to concatenate strings in JavaScript?

So here is what I have:

    &lt;path class=&quot;...&quot; onmousemove=&quot;show_tooltip(event,&#39;very long text 
        \\\n I would like to linebreak&#39;)&quot; onmouseout=&quot;hide_tooltip()&quot; d=&quot;...&quot;/&gt;

    &lt;rect class=&quot;tooltip_bg&quot; id=&quot;tooltip_bg&quot; ... /&gt;
    &lt;text class=&quot;tooltip&quot; id=&quot;tooltip&quot; ...&gt;Tooltip&lt;/text&gt;

    &lt;script&gt;
    &lt;![CDATA[
    function show_tooltip(e,text) {
		var tt = document.getElementById(&#39;tooltip&#39;);
		var bg = document.getElementById(&#39;tooltip_bg&#39;);
		
		// set position ...
		
		tt.textContent=text;
		
		bg.setAttribute(&#39;width&#39;,tt.getBBox().width+10);
		bg.setAttribute(&#39;height&#39;,tt.getBBox().height+6);
		
		// set visibility ...
    }
    ...

Now my very long tooltip text doesn&#39;t have a linebreak, even though if I use alert(); it shows me that the text actually DOES have two lines. (It contains a &quot;\&quot; though, how do I remove that one by the way?)  
I can&#39;t get CDATA to work anywhere.

How to linebreak an svg text within javascript?

HTML:

    &lt;a href=&quot;mysite.com/uploads/asd4a4d5a.pdf&quot; download=&quot;foo.pdf&quot;&gt;

Uploads get a unique file name while there real name is kept in database. I want to realize a simple file download. But the code above redirects to / because of:

    $routeProvider.otherwise({
        redirectTo: &#39;/&#39;, 
        controller: MainController
    });

I tried with 

    $scope.download = function(resource){
        window.open(resource);
    }
but this just opens the file in a new window.

Any ideas how to enable a real download for any file type?

Angularjs simple file download causes router to redirect

I&#39;m trying to use `ng-animate` to get a behavior similar to JQuery&#39;s `slideUp()` and `slideDown()`. Only I&#39;d rather use `ng-show`

I&#39;m looking at the ng-animate tutorial here - http://www.yearofmoo.com/2013/04/animation-in-angularjs.html,

and I can reproduce the fade in/out effect in the example provided.

How could I change the css to get slide up/down behaviour?
Also, if possible, it&#39;s better that the css doesn&#39;t know about the component height in pixels.
That way I can reuse the css for different elements.

Slide up/down effect with ng-show and ng-animate

I was under the impression that Angular would rewrite URLs that appear in href attributes of anchor tags within tempaltes, such that they would work whether in html5 mode or hashbang mode. The [documentation for the location service](http://docs.angularjs.org/guide/dev_guide.services.$location) seems to say that HTML Link Rewriting takes care of the hashbang situation.  I would thus expect that when not in HTML5 mode, hashes would be inserted, and in HTML5 mode, they would not.

However, it seems that no rewriting is taking place.  The following example does not allow me to just change the mode.  All links in the application would need to be rewritten by hand (or derived from a variable at runtime.  Am I required to manually rewrite all URLs depending on the mode?

I don&#39;t see any client-side url rewriting going on in Angular 1.0.6, 1.1.4 or 1.1.3.  It seems that all href values need to be prepended with #/ for hashbang mode and / for html5 mode.

Is there some configuration necessary to cause rewriting? Am I misreading the docs? Doing something else silly?

Here&#39;s a small example:

&lt;!doctype html&gt;
&lt;html ng-app=&quot;sample&quot;&gt;
    
    &lt;head&gt;
        &lt;script src=&quot;//cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.3/angular.js&quot;&gt;&lt;/script&gt;
    &lt;/head&gt;
    
    &lt;body&gt;
        &lt;div ng-view&gt;&lt;/div&gt;
        &lt;script&gt;
            angular.module(&#39;sample&#39;, [])
                .config(
            [&#39;$routeProvider&#39;, &#39;$locationProvider&#39;,
                function ($routeProvider, $locationProvider) {

                    //commenting out this line (switching to hashbang mode) breaks the app
                    //-- unless # is added to the templates
                    $locationProvider.html5Mode(true);

                    $routeProvider.when(&#39;/&#39;, {
                        template: &#39;this is home. go to &lt;a href=&quot;/about&quot;/&gt;about&lt;/a&gt;&#39;
                    });
                    $routeProvider.when(&#39;/about&#39;, {
                        template: &#39;this is about. go to &lt;a href=&quot;/&quot;/&gt;home&lt;/a&#39;
                    });
                }
            ])
                .run();
        &lt;/script&gt;
    &lt;/body&gt;

&lt;/html&gt;

Addendum: in re-reading my question, I see that I used the term &quot;rewriting&quot; without an abundance of clarity as to who and when I wanted to do the rewriting. The question is about how to get **Angular** to rewrite the URLs when it renders paths and how to get it to interpret paths in the JS code uniformly across the two modes.  It is **not** about how to cause a web server to do HTML5-compatible rewriting of requests.

$location / switching between html5 and hashbang mode / link rewriting

How can I check if a given input control is empty? I know there is `$pristine` property on the field which tells that if a given field is empty initially but what if when someone fill the field and yanks the whole content again?

I think above feature is necessary as its important for telling the user that field is required.

Any idea will be appreciated!

Check if a input box is empty

After rendering the entire page based on several user contexts and having made several `$http` requests, I want the user to be able to switch contexts and re-render everything again (resending all `$http` requests, etc). If I just redirect the user somewhere else, things work properly:

    $scope.on_impersonate_success = function(response) {
      //$window.location.reload(); // This cancels any current request
      $location.path(&#39;/&#39;); // This works as expected, if path != current_path
    };
    
    $scope.impersonate = function(username) {
      return auth.impersonate(username)
        .then($scope.on_impersonate_success, $scope.on_auth_failed);
    };

If I use `$window.location.reload()`, then some of the `$http` requests on `auth.impersonate(username)` that are waiting for a response get cancelled, so I can&#39;t use that. Also, the hack `$location.path($location.path())` doesn&#39;t work either (nothing happens).

Is there another way to re-render the page without manually issuing all requests again?

Content Type	Original Author	Original Content on Stackoverflow
Question	Daniel F	View Question on Stackoverflow
Solution 1 - Javascript	coma	View Answer on Stackoverflow
Solution 2 - Javascript	Zanon	View Answer on Stackoverflow

AngularJS: How to set a variable inside of a template?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

How to copy a char array in C?

IntelliJ IDEA: How to rename a project (in "Recent Projects" list)?

Attributions