Jhipster 생성 된 응용 프로그램, 기본 AngularJS 등록 양식

Question

JHipster를 사용하여 응용 프로그램을 만들고`register.html '을 편집 해보십시오. 내가 도움이됩니다 필요한 코드는 아래 보여줍니다 그들은이 두 동등한로

<div class="alert alert-success" ng-show="vm.success" data translate="register.messages.success"> 
    <strong>Registration saved!</strong> Please check your email for confirmation. 
</div> 

<div class="alert alert-danger" ng-show="vm.error" data-translate="register.messages.error.fail"> 
    <strong>Registration failed!</strong> Please try again later. 
</div> 

가 난 단지 다른 메시지와 ng-models으로, 코드의 나머지 부분을 생략. register.controller.js & :

(function() { 
'use strict'; 

angular 
    .module('MyApp') 
    .controller('RegisterController', RegisterController); 


RegisterController.$inject = ['$translate', '$timeout', 'Auth', 'LoginService']; 

function RegisterController ($translate, $timeout, Auth, LoginService) { 
    var vm = this; 

    vm.doNotMatch = null; 
    vm.error = null; 
    vm.errorUserExists = null; 
    vm.login = LoginService.open; 
    vm.register = register; 
    vm.registerAccount = {}; 
    vm.success = null; 

    $timeout(function(){angular.element('#login').focus();}); 

    function register() { 
     if (vm.registerAccount.password !== vm.confirmPassword) { 
      vm.doNotMatch = 'ERROR'; 
     } else { 
      vm.registerAccount.langKey = $translate.use(); 
      vm.doNotMatch = null; 
      vm.error = null; 
      vm.errorUserExists = null; 
      vm.errorEmailExists = null; 

      Auth.createAccount(vm.registerAccount).then(function() { 
       vm.success = 'OK'; 
      }).catch(function (response) { 
       vm.success = null; 
       if (response.status === 400 && response.data === 'login already in use') { 
        vm.errorUserExists = 'ERROR'; 
       } else if (response.status === 400 && response.data === 'e-mail address already in use') { 
        vm.errorEmailExists = 'ERROR'; 
       } else { 
        vm.error = 'ERROR'; 
       } 
      }); 
     } 
    } 
} 
})(); 

내 질문이 메시지를 처리 ​​오류가 숨겨져 있어야합니다 기본적으로하고, 양식하여 평가되면, 그들이 조건에 따라 표시하여야한다. 이

Answer 1

생성 register.html는 기본적으로 이러한 메시지를 표시하지 않습니다 :하지만이 일을하는 방법을 알아낼 수 없습니다 ... 다음은 기본 register.html 페이지입니다. HTML 파일을 브라우저에로드하는 것처럼 보이지만 앱을 실행하고 거기에서 index.html을로드하여 각도 코드를 실행해야합니다.

실행 ./mvnw 또는 ./gradlew과 또한 함께 http://localhost:9000에서 프론트 엔드를 제공합니다 gulp 실행할 수 있습니다 http://localhost:8080 의 프론트 엔드에 액세스 라이브 다시로드하면 변경할 때.