javascript - Angular ng-model 在选择输入名称时抛出解析错误

Question

我有一个客户提供的 Saleforce 表单，该表单在表单中的状态选择器上有一个生成的名称值。 Angular 在运行时抛出解析错误。

我猜它不喜欢这个名字，尽管我不知道如何让它接受它。

我无法更改名称属性，因为它与客户的 Salesforce 应用程序绑定(bind)。

有什么建议吗？导致错误的是“00N6100000GrRGn”。

<div class="form-group">
    <label for="00N6100000GrRGn">State <sup><span class="required">*</span</sup></label>
    <select id="00N6100000GrRGn" name="00N6100000GrRGn" title="State" class="form-control" ng-model="user.00N6100000GrRGn" ng-required="true">
        <option value="">Select your state</option>
        <option value="AL">Alabama</option>
        <option value="AK">Alaska</option>
    </select>
    <p class="error validationerror" ng-show="myform.00N6100000GrRGn.$invalid && myform.00N6100000GrRGn.$touched">You must choose your state.</p>
</div>

Answer 1

由于 user.00N6100000GrRGn 不是对象属性的有效标识符，因此您需要使用 bracket notation :

ng-model="user['00N6100000GrRGn']"

和

ng-show="myform['00N6100000GrRGn'].$invalid && myform['00N6100000GrRGn'].$touched"