使用Angular js抓取网站

Question

我想抓取一个正在使用AngularJs的网站，页面上有四个单选按钮，其中有两个'ng-required = true'。所有四个按钮都被选中，但是当我点击提交按钮时，即使选择了按钮，它也会在单选按钮上出现错误。我截图，甚至在屏幕截图中显示选中的单选按钮。我试图覆盖验证，但没有任何工作。请帮助这里是HTML和代码

的Html 这是公共服务的单选按钮

<input id="publicServiceTrue" type="radio" value="false" 
    name="ibrComposite.application.pslfIndicator" 
    ng-model="pslf" target="dependents_section_div" 
    ng-required="true"/> 

婚姻状况单选按钮

<input id="maritalStatusSingle" type="radio" value="SINGLE" 
name="ibrComposite.application.maritalStatus" 
ng-model="maritalStatus" ng-required="true" /> 

//卡斯帕代码

casper.then(function() { 
    this.evaluate(function() { 
     $('#applicationReason_NEW').prop("checked", true); 
    }); 

    this.evaluate(function() { 

     $('publicServiceTrue').prop("checked", true); // This radio button shows error even when it is selected 
    }); 

    this.evaluate(function(){ 

    $('#applicationNbChildren').val('0').change(); 
    $('#applicationNbDep').val('0').change(); 
    }); 
    casper.wait(800, function(){ 
     this.capture('IRS/Third_button.png') 
    }); 



    this.evaluate(function() { 
     $('#maritalStatusSingle').prop("checked", true); // This radio button shows error even when it is selected 


    }); 
    casper.wait(1000, function(){ 
     this.capture('IRS/Fourth_button.png') 
    }); 
    document.querySelectorAll("input[type='submit']")[0].click(); 
}); 

Answer 1

的this关键字.then m ethod不绑定到父母this。请使用胖箭头=>语法。

//casper.then(function() { 
//Use fat arrow syntax 
casper.then(() => { 
    this.evaluate(function() { 
     $('#applicationReason_NEW').prop("checked", true); 
    }); 

    this.evaluate(function() { 

     $('publicServiceTrue').prop("checked", true); // This radio button shows error even when it is selected 
    }); 

或明确绑定this关键字父：

var that = this; 
casper.then(function() { 
    //this.evaluate(function() { 
    that.evaluate(function() { 
     $('#applicationReason_NEW').prop("checked", true); 
    }); 

    //this.evaluate(function() { 
    that.evaluate(function() { 

     $('publicServiceTrue').prop("checked", true); // This radio button shows error even when it is selected 
    }); 

从Promises/A+ Spec：

3.3。也就是说，在严格模式this将undefined内（成功/拒绝处理程序）;在马虎模式下，它将成为全球性的对象。