AngularJS$http获取文本_Angularjs_Http

AngularJS$http获取文本

angularjs http

AngularJS$http获取文本,angularjs,http,Angularjs,Http,我需要从文件text.log中获取文本，以下是我的代码： vm.logget = function(){ $http({ method: 'Get', url: 'text.log' }) .then(function successCallback(response) { $scope.logget = response;

我需要从文件

text.log

中获取文本，以下是我的代码：

  vm.logget = function(){
        $http({
            method: 'Get',
            url: 'text.log'
        })
            .then(function successCallback(response) {
                $scope.logget = response;
                console.log($scope.logget);

            }, function errorCallback(response) {
                console.log(response);
                console.log('error');
            });

    }

text.log：

creating: /asd/ds/das/das-dsss/
creating: /asd/ds/das/das-dsss/
creating: /asd/ds/das/das-dsss/
creating: /asd/ds/das/das-dsss/
creating: /asd/ds/das/das-dsss/

普朗克：

我没有成功地收回任何东西。感谢您提前回复

使用

ng controller=“FirstCtrl as vm”

或将函数更改为

$scope.logget = function() {
   $http({
       method: 'Get',
       url: 'text.log'
     })
     .then(function successCallback(response) {
       $scope.data = response;
       console.log($scope.data);

     }, function errorCallback(response) {
       console.log(response);
       console.log('error');
     });
}

工作

使用

ng controller=“FirstCtrl as vm”

或将功能更改为

$scope.logget = function() {
   $http({
       method: 'Get',
       url: 'text.log'
     })
     .then(function successCallback(response) {
       $scope.data = response;
       console.log($scope.data);

     }, function errorCallback(response) {
       console.log(response);
       console.log('error');
     });
}

正在工作

请在您的插件中尝试以下代码：在HTML中：

 <body ng-controller="FirstCtrl as vm">
      <button ng-click="vm.logget();" type="button" class="btn btn-default">Log</button>
          {{vm.loggetData}} <!--See I have changed the Binding variable-->
 </body>

请在您的plunker中尝试以下代码：在HTML中：

 <body ng-controller="FirstCtrl as vm">
      <button ng-click="vm.logget();" type="button" class="btn btn-default">Log</button>
          {{vm.loggetData}} <!--See I have changed the Binding variable-->
 </body>

您的代码中有两个问题

首先，您必须使用控制器作为语法

ng controller=“FirstCtrl作为vm”

其次，您必须访问响应的数据属性

 vm.logget1 = response.data;

工作打捞器：

注意：最好使用不同的变量来存储响应，因为logget已经是函数名了。如果将控制器用作语法，还应尽量避免使用

$scope

有关控制器的更多信息，请参见：
您的代码中有两个问题
首先，您必须使用控制器作为语法

ng controller=“FirstCtrl作为vm”
其次，您必须访问响应的数据属性

vm.logget1 = response.data;
工作打捞器：
注意：最好使用不同的变量来存储响应，因为logget已经是函数名了。如果将控制器用作语法，还应尽量避免使用
$scope

有关控制器as的更多信息：
您的plunker中缺少控制器as语法
ng controller=“FirstCtrl as vm”
您还使用了
logget
两次；一个用于函数，另一个用于变量。请参考我的回答，使用logget两次将有效，因为一个在vm上定义，另一个在$scope上定义。但还是最好使用不同的变量，以避免任何未来discrepancy@Rahul@vivz绝对正确；但是，如果您遵循控制器作为语法，那么最好不要弄乱
$scope
，除非实际需要它。您的plunker
ng controller=“FirstCtrl as vm”
中缺少控制器作为语法，并且您使用
logget
两次；一个用于函数，另一个用于变量。请参考我的回答，使用logget两次将有效，因为一个在vm上定义，另一个在$scope上定义。但还是最好使用不同的变量，以避免任何未来discrepancy@Rahul@vivz绝对正确；但是，如果您按照控制器的语法进行操作，那么最好不要弄乱
$scope
，除非它确实需要您在
$http
响应中重新分配
$scope.logget
。修复它@Rahul。您在
$http
响应中再次重新分配
$scope.logget
。修复它@Rahul。