javascript - AngularJS 指令更改与指令无关的模型值

Question

我有一个验证信用卡 luhn 和长度的指令。作为数字的验证器，它工作得很好。使用的算法基于 jquery 插件(无 jquery)，该插件也将卡类型返回给我。最终结果是这样的

{
    luhn_valid: true,
    length_valid: true
    card_type: {
        name: 'visa'
    }
}

所以它给了我卡类型名称。我想将其分配给不同的模型变量，以便我可以将卡类型和卡号都传递给 REST api 以添加卡。问题是我不知道如何访问未声明与指令关联的模型。

<input type="text" name="cardNumber" ng-model="cardCtrl.form.inputs.cardNumber" 
    credit-card-validator card-type-model="cardCtrl.form.inputs.cardType">

在上面的示例中，我添加了一个额外的属性以将模型名称传递给指令。我已将 $scope 传递给指令，并且可以将 cardCtrl 视为 $scope 的子级，所以我觉得我应该能够从中获取模型，但我不确定最好的方法。

关于访问此其他模型的最佳方式的想法？

Answer 1

在指令 Controller 中，通过调用$scope.$parent.'ParentControllerVariableName'，您可以从指令中获取 Controller 范围变量的值，但这不是一个好的做法。

您可以创建一个工厂并在工厂方法中设置您的值并定义一个 get 方法。将此工厂注入(inject)您的指令并从您的工厂获取值(value)。