Jhipsterが生成したアプリケーション、デフォルトのAngularJS登録フォーム

Question

JHipsterを使用してアプリケーションを作成し、 `register.html 'を編集しようとしました。彼らはこれらの2に等しいと私は異なるメッセージとng-modelsで、コードの残りの部分を省略し

<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> 

：私は助けを必要とするコードは以下のショーです。 & 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'; 
       } 
      }); 
     } 
    } 
} 
})(); 

私の質問は、メッセージの処理にエラーが隠されなければならない、とフォームが評価されると、それらは条件に基づいて表示されるべきデフォルトです。生成されたregister.htmlは、デフォルトでは、これらのメッセージは表示されません

Answer 1

：しかし、私はこの作業を行う方法を見つけ出すことはできません...以下 はデフォルトregister.htmlページです。 HTMLファイルだけをブラウザに読み込んでいるようですが、アプリケーションを実行してそこからindex.htmlを読み込んでAngularコードを実行する必要があります。また、あなたは変更を加えたときにライブリロードしてhttp://localhost:9000であなたのフロントエンドを提供しますどのgulpを実行することができます

実行./mvnwまたは./gradlewとhttp://localhost:8080 でフロントエンドにアクセスします。あなたが探しているまさに