Angular.js: How can I return a content without view? Returning atom feed to users

Question

I plan to generate an Atom feed inside my AngularJS controller. A want to generate a view, but not on the server-side, because I want to replace the URI with a new AngularJS route.

Now I know how to write XML with JavaScript, but I have no idea about how to returning a XML content without a view.

My route setting is quite normal like below. It uses templateUrl to render a partial view.

.when('/posts', {
            templateUrl: 'theme/post_list.html',
            controller: PostsController
        })

Is it possible to serve XML content without a view using AngularJS? Like so:

.when('/posts.atom', {
            controller: PostsController
        })

Generating the angular.js routed Atom feed on the server-side is possible, but I don't want it.

@Cherniv Okay, I can write a service or a factory to create atom feed. And then? What I can do is calling a service via controller and get feed xml. How can I return atom xml to feed client or a browser? — ccoroom, Jun 16 '13 at 14:50
It's enough to have one main controller to work with services , no? what is atom xml? — Ivan Chernykh, Jun 17 '13 at 05:47
@Cherniv This is my dumb question. This is not possible with client-side programming. I solved this issue with server-side generation. — ccoroom, Jun 18 '13 at 08:08

score 0 · Answer 1 · edited Oct 07 '21 at 07:15

Use the following process:

Append an <object> or <iframe> to the DOM with the XML within the tag

OR:

Return Atom from the service
Store in a documentFragment
Use transformToFragment or DOMParser to create a view
Use XMLSerializer to convert the view to a string
Insert an XML stylesheet into the string:
```
  <?xml-stylesheet href="feed.css"?>
```

Use the string as the value of the srcdoc attribute:

  <iframe srcdoc="{{atomfeed}}" height="95%" width="100%">

For example:

$scope.atomstyle='<?xml-stylesheet href="feed.css"?>'
$scope.atomboilerplate='<feed xmlns="http://www.w3.org/2005/Atom">'
$scope.atomhead='<title></title><link></link>'
$scope.atomcontent='<entry><title></title><link></link></entry>';
$scope.atomtail='</feed>'

$scope.atomfeed=String().concat
 (
 $scope.atomstyle, 
 $scope.atomboilerplate,
 $scope.atomhead,
 $scope.atomcontent,
 $scope.atomtail
 )

References

Angular.js: How can I return a content without view? Returning atom feed to users

1 Answers1