如何使用URL验证在angularjs

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<body> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 

 

 

 
<h1>{{myWelcome}}</h1> 
 

 
</div> 
 

 
<script> 
 
var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope, $http,Base64) { 
 
$http.defaults.headers.common = {"Access-Control-Request-Headers": "accept, origin, authorization"}; 
 
$http.defaults.headers.common['Authorization'] = 'Basic ' + Base64.encode('admin' + ':' + 'admin'); 
 
$http({ method : "GET", 
 
    url : "http://10.132.32.212:8181/restconf/operational/network-topology:network-topology/", 
 
    Accept: "application/json", 
 
    withCredentials: true, 
 
    }).then(function mySucces(response) { 
 
     $scope.myWelcome = response.data; 
 
    }, function myError(response) { 
 
     $scope.myWelcome = response.statusText; 
 
    }); 
 
}); 
 
</script> 
 
</body> 
 
</html>

这是我的代码，但我没有得到任何响应数据。我在想，这是不是与URL验证。我可以得到任何解决方案

来源

2017-03-03 pramanaga koushik

是什么反应？你有401状态码吗？ – mvermand

不，我没有得到任何东西，它只显示{{我的欢迎}}表达式 –

如果您实际在html页面中看到“{{myWelcome}}”，那么存在严重错误。检查CONSOL错误 – mvermand

您使用了未定义的Base64服务。我将它添加为CDN库。

看到

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-base64/2.0.5/angular-base64.js"></script>

，并在应用程序申报列入服务：

var app = angular.module('myApp', ['base64']);

结果

<!DOCTYPE html> 
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-base64/2.0.5/angular-base64.js"></script> 
<body> 

<div ng-app="myApp" ng-controller="myCtrl"> 



<h1>{{myWelcome}}</h1> 

</div> 

<script> 
var app = angular.module('myApp', ['base64']); 
app.controller('myCtrl', function($scope, $http, $base64) { 
$http.defaults.headers.common = {"Access-Control-Request-Headers": "accept, origin, authorization"}; 
$http.defaults.headers.common['Authorization'] = 'Basic ' + $base64.encode('admin' + ':' + 'admin'); 
$http({ method : "GET", 
    url : "http://10.132.32.212:8181/restconf/operational/network-topology:network-topology/", 
    Accept: "application/json", 
    withCredentials: true, 
    }).then(function mySucces(response) { 
     $scope.myWelcome = response.data; 
    }, function myError(response) { 
     $scope.myWelcome = response.statusText; 
    }); 
}); 
</script> 
</body> 
</html>

Plunker：https://plnkr.co/edit/eYJopsNPe8Iqb56arC75?p=preview

大号从你的服务器（http://10.132.32.212:8181）删除这段代码，你很好。

来源

2017-03-03 06:52:03 mvermand

感谢您的支持，但现在我也无法获取数据。空浏览器正在显示 –

您的意思是在Plunker中吗？这是由于脚本不是从'你的'服务器（http://10.132.32.212:8181） – mvermand

加载哎抱歉它的工作 –

<!DOCTYPE html> 
 
<html> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-base64/2.0.5/angular-base64.js"></script> 
 
<script type="text/javascript" src="../../dist/vis.js"></script> 
 

 
    <body> 
 

 
    <div ng-app="list"> 
 
    <div ng-controller="ListCtrl"> 
 
      
 
    <div ng-repeat='data1 in data["network-topology"].topology'> 
 
      {{data1["topology-id"]}} 
 
      <div ng-repeat='data2 in data1.node'> 
 
       {{data2["node-id"]}} 
 
    <div ng-repeat='data3 in data2["termination-point"]'> 
 
       {{data3["tp-id"]}} 
 
      </div> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</div> 
 
    <script> 
 
var app = angular.module('list', ['base64']); 
 
app.controller('ListCtrl', function($scope, $http, $base64) { 
 

 
    $http.defaults.headers.common = {"Access-Control-Request-Headers": "accept, origin, authorization"}; 
 
    $http.defaults.headers.common['Authorization'] = 'Basic ' + $base64.encode('admin' + ':' + 'admin'); 
 

 
$http({ 
 
    method: 'GET', 
 
    url: 'http://10.132.32.212:8181/restconf/operational/network-topology:network-topology/', 
 
    contentType: 'application/json; charset=utf-8', 
 
}).success(function(tdata) { 
 
    $scope.data= tdata; 
 
    
 
     }); 
 

 
    }); 
 
    
 

 
</script> 
 
</body> 
 
</html>

来源

2017-03-14 05:06:47

如何使用URL验证在angularjs

回答

相关问题