Нажимной сторона сервера ошибки в Угловые

Question

У меня есть следующий Угловой/HTML код:

function SignUpController($scope, UserService) {  
    $scope.model = { 
    user: { 
     password: '',  
     email: '' 
    }, 
    } 
} 

$scope.send = function (user) { 
    UserService.SignUp(user) 
    .success(function (data, status, headers, config) { }) 
    .error(function (data, status, headers, config) { 
     $scope.errors = data.errors; 
    }); 
}; 

<form name="form" class="form" data-ng-controller="SignUpController"> 
    <input id="email" data-ng-model="model.user.email" type="text" /> 
    <input id="password" data-ng-model="model.user.password" type="password" /> 
    <button class="button" data-ng-click="send(model.user)"> 
</form> 

Когда я подписываю пользователь апи возвращает следующий объект:

"errors": { 
    "user.Email": [ 
     "The email is taken" 
    ], 
    "user.Password": [ 
     "The password is not secure" 
    ] 
} 

Как я могу подтолкнуть их ошибки в угловом, чтобы отображать их на форме?

Answer 1

Зависит от того, как вы хотите, чтобы отобразить их, но это будет работать:

<form name="form" class="form" data-ng-controller="SignUpController"> 
    <input id="email" data-ng-model="model.user.email" type="text" /> 
    <span ng-if="errors">{{errors["user.Email"][0]}}</span> 

    <input id="password" data-ng-model="model.user.password" type="password" /> 
    <span ng-if="errors">{{errors["user.Password"][0]}}</span> 

    <button class="button" data-ng-click="send(model.user)"> 
</form>