1

私はこのチュートリアルを使用しています: http://rabidgadfly.com/2013/02/angular-and-xml-no-problem/

XML のアプリケーションを開始するには、外部 xml (Feedburner) を設定すると、アクセス権がないことがわかります。

HTML:

<section ng-controller="AppController" class="container-podcastapp">
         <ul>
            <li ng-repeat="guitar in dataSet">
               <div class="resultwrapper">
                   <h2>{{item.title}}</h2>
                </div>
            </li>   
          </ul>
    </section>

JavaScript:

angular.module('myApp.service',[]).
    factory('DataSource', ['$http',function($http){
       return {
           get: function(file,callback,transform){
                $http.get(
                    file,
                    {transformResponse:transform}
                ).
                success(function(data, status) {
                    console.log("Request succeeded");
                    callback(data);
                }).
                error(function(data, status) {
                    console.log("Request failed " + status);
                });
           }
       };
    }]);

angular.module('myApp',['myApp.service']);

var AppController = function($scope,DataSource) {

    var SOURCE_FILE = "http://rss.cnn.com/services/podcasting/ac360/rss.xml";

    xmlTransform = function(data) {
        console.log("transform data");
        var x2js = new X2JS();
        var json = x2js.xml_str2json( data );
        return json.item;
    };

    setData = function(data) {
        $scope.dataSet = data;
    };

    DataSource.get(SOURCE_FILE,setData,xmlTransform);

};
4

1 に答える 1