2016-04-12 7 views
0

Durum ui yönlendiricisini aktarmak için bir mekanizma kullandım. Tanımladığım durum "giriş kontrolu" ile işlendiğinde (http://cem.survey.local/#/inputcontract/SGD621262), "sohd" parametresini "denetleyici" accountController "içinde" $ scope.getSurveyContent ($ scope, sohd) "işlevine geçirecek, bu işlev isteği veri almak için sunucu json yapılarında döndürür. Sorun şu ki, $ kapsamını "$ scope.account = response.data_cusinfo [0]" json ile döndürmek için değeri bağlayamıyorum, eğer başarılı bir şekilde bağlanırsa, HTML'de dinamik görünecektir. Bunu nasıl yapabilirim? Çok teşekkür ederim. İşte

İşte app.js

var app = angular.module('outbound', ['ngMaterial', 'ui.router']) 
    .constant('API_URL', 'http://cem.survey.local/'); 
app.config(function ($stateProvider, $urlRouterProvider) { 
$stateProvider 
     .state('inputcontract', { 
      url: "/inputcontract/:sohd", 
      controller: 'accountController' 
     }) 
}) 

olduğunu accountController.js İşte

app.controller('accountController', function ($scope, $http,$templateRequest, $sce, $compile, $mdDialog, $mdSidenav, $mdMedia, API_URL, $stateParams) { 
if (typeof $stateParams.sohd === 'undefined') { 
return; 
} 
$scope.account = {}; 
var sohd=$stateParams.sohd; 
$scope.getSurveyContent= function($scope,sohd) 
{ var url = API_URL + "account/search";  
    $http({ 
     method: 'POST', 
     url: url, 
     data: {sohd: sohd}, 
     headers: {'Content-Type': 'application/json'} 
    }).success(function (response) { 
     $scope.account =response.data_cusinfo[0]; 
    }).error(function (response) { 

    }); 
} 
//Send Request to server with sohd 
$scope.getSurveyContent($scope,sohd); 

görünüm $http sonrası başarılı varsayarsak

<html lang="en-US" ng-app="outbound"> 
... 
<div ng-controller="accountController"> 
... 
<td style="width: 150px">Khách hàng 
    <div class="form-group"> 
    <input class="form-control" id="inputdefault" type="text" 
    ng-model="account.CustomerName" > 
    </div></td> 
     <td>CMND 
     <div class="form-group"> 
     <input class="form-control" id="inputdefault" type="text" 
     ng-model="account.Passport" > 
    </div> 
    </td> 
     <td>Ngày tháng năm sinh 
    <div class="form-group"> 
    <input class="form-control" id="inputdefault" type="text" 
    ng-model="account.Birthday"> 
     </div></td> 
... 
</div> 
... 
</html> 
+0

Elde edeceğiniz json verilerini alabilir misiniz? – pradeep1991singh

cevap

0

olduğunu, değil mi getSurveyContent işlevinize $scope kodunu aktarmanız gerekir. Ayrıca, success ve error kullanımdan kaldırılmıştır - then kullanmalısınız. Deneyin:

$scope.getSurveyContent = function(sohd) { 
    var url = API_URL + "account/search";  
    $http({ 
     method: 'POST', 
     url: url, 
     data: {sohd: sohd}, 
     headers: {'Content-Type': 'application/json'} 
    }).then(
     function successCallback (response) { 
      $scope.account = response.data.data_cusinfo[0]; 
     }, 
     function errorCallback (response) { 
     } 
    ); 
} 

//Send Request to server with sohd 
$scope.getSurveyContent(sohd); 
İlgili konular