登录注册页面验证码问题

Question

1.首次进入登录和注册页面，验证码没有变化；如果，再次回到其他页面，然后再进入登录和注册页面，还是之前的验证码。除非自己手动刷新。

以上是注册页面

以上是登录页面

求解：如何达到再次进入登录和注册页面时，验证码发生变化。
补充一下：
验证码加密是用的MD5插件
以下是登录js代码：
loginApp.controller('loginController',function ($scope,DataService,$state, $stateParams,$location,$http,Md5) {

$scope.myReload = function() {
    document.getElementById("CreateCheck").src = "/login/user/AuthImageServlet?nocache="
        + Math.random()*1000;
};

 $scope.login=function(){
    data.formData.password=Md5.hex_md5(data.formData.password);
    $http({
        method : 'POST',
        url : '/news/a/logins_user/user_login',
        data:data.formData,
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        transformRequest: function(obj) {
            var str = [];
            for (var p in obj) {
                str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
            }
            return str.join("&");
        }
    })
    
以下是注册js代码：
 $scope.myReload = function() {
    document.getElementById("CreateCheck").src = "/register/user/AuthImageServlet?nocache="
        + Math.random()*1000;
};
$scope.register=function(){
    data.formData.password=Md5.hex_md5(data.formData.password);
    $http({
        method: 'POST',
        url: '/news/a/register_user/new_user',
        data: data.formData,
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        transformRequest: function(obj) {
            var str = [];
            for (var p in obj) {
                str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
            }
            return str.join("&");
        }
    })

请大神指点指点。谢谢

Answer 1

贴一下关于验证码生成的那部分代码吧，还有是如何调用这个方法的，确保一下，每次进入登录和注册页，该方法是否调用。

Answer 2

1、每次进入需要展示验证码的页面之前，服务器生成新的验证码添加到页面；
2、或者，页面初始加载完成之后，js生成新的验证码显示到页面；
具体实现得看你代码结构和实现啊

那就在页面加载完成后，js直接执行一次你定义的$scope.myReload方法就可以了啊；

Answer 3

既然用得angular 为啥这种提交不写一个服务 这样写实在难以忍受