title: Object tag value set in HTML page with Angular JS model not working in Microsoft Edge browser
body: <p>I have a HTML like following;</p>
  
  <pre><code>  &lt;div class="tab-content"&gt;
      &lt;div ng-repeat = "(key,val) in reportCollection" id="{{val.url}}" class="tab-pane fade in" ng-class="{'active': $index == 0}" repeat-done="layoutDone()"&gt;
        &lt;object data="{{val.url}}/index.php" style="width:100%;height:80%;"&gt;&lt;/object&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Now via a controller I am updating a model "reportCollection" after an ajax call,</p>
  
  <pre><code>$http.get("ajax_config.php")
          .then(function(response) {
              $scope.reportCollection = response.data;
  
          });
  </code></pre>
  
  <p>In Chrome and Firefox soon after updating model different http request is being sent for different object tag inside ng-repeat(I checked from developer console and network tab). So everything is fine.</p>
  
  <p>But in Edge different ajax call is being occurred but the ajax call path is val.url not the actual urls inside the collection.</p>
  
  <p>As for example lets say my collection is;</p>
  
  <pre><code>var reportCollection = [
  
                {'url':'test.html',....},
                {'url':'myPage.html',....}
  
  ]
  </code></pre>
  
  <p>Now http request url in chrome and firefox as;</p>
  
  <pre><code>     http://.../.../.../test.html
       http://.../.../.../mtPage.html
  </code></pre>
  
  <p>But in edge it is like;</p>
  
  <pre><code>     http://.../.../.../%7B%7Bval.url%7D%7D/
  </code></pre>
  
  <p>So clearly it is taking as {{val.url}} as URL.</p>
  
  <p>Can you please give me a detail insight about why is this happening and how to resolve it?</p>