2016-01-06 51 views

回答

0

這裏是從裏汽車拉力賽的自定義頁面進行從角度應用一個WS API調用的例子:

<!DOCTYPE html> 
<html lang="en-US"> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> 
</head> 
<body> 
<div ng-app="myapp"> 
    <p>Name : <input type="text" ng-model="name"></p> 
    <h1>Hello {{name}}</h1> 
    <div ng-controller="MyController" > 
    <button ng-click="myData.doClick(item, $event)">Send AJAX Request to Rally</button> 
    <br/> 
    Data from server: {{myData.fromServer}} 
    </div> 

    <script> 
    angular.module("myapp", []) 
     .controller("MyController", function($scope, $http) { 
      $scope.myData = {}; 
      $scope.myData.doClick = function(item, event) { 

       var responsePromise = $http.get("https://rally1.rallydev.com/slm/webservice/v2.0/defect"); 

       responsePromise.success(function(data, status, headers, config) { 
        $scope.myData.fromServer = data.QueryResult.Results[0]; 
        console.log(data); 
       }); 
       responsePromise.error(function(data, status, headers, config) { 
        alert("AJAX failed!"); 
       }); 
      } 


     });  
    </script>  
</div> 
</body> 
</html> 

應用程序中使用外部CDN預計,如果生產混合內容錯誤通過http訪問。它適用於使用https的情況。這是第一個查詢結果(來自我當前項目的缺陷)被返回。

enter image description here

相關問題