Question

我有一个这样的表格

<ng-form name="investorQuestionaireForm" ng-show="user && user.investorType">
    <input 
        type="radio" 
        required
        name="recesso" 
        ng-model="investorQuestionaire.recesso" 
        ng-change="investorQuestionaireValidation('recesso', investorQuestionaireForm)"/> 
    <input 
        type="radio" 
        required
        name="recesso" 
        ng-model="investorQuestionaire.recesso"
        ng-change="investorQuestionaireValidation('recesso', investorQuestionaireForm)"/>
</ng-form>

此表单位于指令内：

angular.module('crowdcoreApp').directive('investorForm',function(){
    templateUrl: 'views/template/equity_investor_form.html',
    restrict: 'E',
    scope: {
        project: '=project'
    },
});

我面临的问题是，当我点击单选按钮时，investorQuestionaire.recesso的值未更新，ng-change功能未被触发，而且大部分都是radio 1}}按钮，仍然作为原始结果（在html类和指令范围内）。我认为数据绑定存在一些问题......

有关此行为可能出现错误的任何建议吗？

Answer 1

您的单选按钮似乎没有值。

向您的单选按钮添加一些值并再次尝试。例如

<ng-form name="investorQuestionaireForm" ng-show="user && user.investorType">
<input 
    type="radio" 
    required
    value="option1"
    name="recesso" 
    ng-model="investorQuestionaire.recesso" 
    ng-change="investorQuestionaireValidation('recesso', investorQuestionaireForm)"/> 
<input 
    type="radio" 
    required
    value="option2"
    name="recesso" 
    ng-model="investorQuestionaire.recesso"
    ng-change="investorQuestionaireValidation('recesso', investorQuestionaireForm)"/>
</ng-form>

具有孤立范围的指令内的角形式

1 个答案: