Accented urls - Angular Js

HTML

<body ng-app="myApp" ng-controller="myCtrl">
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  <div>
    <h1>Example from model json</h1>
    <p>Link: <a href="{{item1.url}}">{{item1.url}}</a></p>
  </div>

  <div>
    <h1>Example from ng-init</h1>
    <div ng-init="item2 = {'url':'http://www.example.com/file-&#225;&#250;&#243;.pdf'}"></div>
    <p>Go to <a ng-href="{{item2.url}}">{{item2.url}}</a> to learn!</p>
  </div>

  <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', ['$scope', function($scope) {
      $scope.item1 = {
        'url': 'http://www.example.com/file-&#225;&#250;&#243;.pdf'
      };
    }]);

  </script>
</body>