텍스트 필드의 자동 완성 = off는 뒤로 버튼을 사용할 때 그것을 죽입니다.

Question

나는 SPA가 아닌 asp.net mvc 응용 프로그램에서 angularjs를 사용합니다.

"편집 항목"양식 안에는 자동 완성 = "해제"로 설정된 일부 필드가 있으며 일부는이 특성을 사용하지 않습니다. 페이지를로드하면 모든 필드가 해당 값으로 올바르게 설정됩니다. 이 문제는 링크를 클릭하여 다른 페이지 (SPA가 아니기 때문에 전체로드)로 이동 한 후 뒤로 버튼을 클릭하여 양식으로 되돌아 올 때 발생합니다.

파이어 폭스에서 자동 완성 = off 인 모든 필드는 페이지로 돌아올 때 비어 있습니다. 그러나 때로는 그들은 (종종 덜 자주) 확인으로 돌아옵니다. 크롬과 IE에서 시도한 결과이 브라우저에서 잘 작동합니다.

알려진 문제? 해결 방법은 없습니까?

업데이트 : firebug가 열려 있으면 (예 : 콘솔 로그에서 디버깅하기 위해) 페이지 새로 고침이 강제 실행 된 것처럼 (깜박임) 문제가 발생하지 않습니다. Console.log는 페이지로 돌아올 때 ngModel이 올바른지 보여줍니다. 자동 완성/꺼짐 필드 만 올바르게 다시 그려지지 않습니다. 방화범이 풀린 쇼가 아무런 문제도 보이지 않기 때문에 더 이상 디버깅 할 수 없습니다.

감사

Answer 1

내가 제대로 이해하고있는 경우 : 당신은 다음 앞으로 이동 한 페이지에서 양식에 정보를 입력하지만, 당신이 정보를 다시 누르면 사라?

Firefox에서 동작하는 이유를 모르지만 해결 방법이 간단하고 더러워집니다. 매개 변수를 URL 또는 URL 해시에 저장하십시오. 해시에 데이터를 저장하는 것을 선호합니다. 다음, 다른 페이지로 이동 (또는 언제든지 입력 필드가 흐려) 해시에 매개 변수를 저장하기 전에 온로드의 한 부분으로, 그래서

// this function takes in your URL and creates and object with key/value pairs you can read 
function readFromURLHash(url) { 
    var pairObject = {}; 
    var pairs = url.substring(url.indexOf('?') + 1).split('&'); 
    for (var i = 0; i < pairs.length; i++) { 
    var pair = pairs[i].split('='); 
    pairObject[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]); 
    } 
    return pairObject; 
} 

// whatever parameters you want 
function saveInHash(parameter1, parameter2, parameter3, parameter4, parameter5){ 
    if(typeof errorMessage === 'undefined') 
     errorMessage = ""; 
    window.location.hash = "#?parameter1="+parameter1+"&parameter2="+parameter2+"&parameter3="+parameter3+"&parameter4="+parameter4+"&parameter5="+parameter5; 
} 

을 (또는 :

당신은이 두 가지 기능에 던질 수 jQuery의 .ready() 함수) URL을 읽고 필드를 채 웁니다.

$(document).ready(function(){ 
    // read in url 
    var savedData = readFromURLHash(); 
    // populate field 

    $('#someInputField').val(savedData.someInputField); 
    // or with angular 
    $scope.someInputFieldModel = savedData.someInputField; 

});