Angularjs 如何使用AngularUI mask和ng repeat查看屏蔽值和未屏蔽值?
我用AngularUI的ui掩码指令来屏蔽电话号码。我们希望将屏蔽值和未屏蔽值都保存到数据库中 我看到文档可以选择使用model view value=“true”将$viewValue存储为提供屏蔽值的模型 但是,既然我们都喜欢,我更喜欢一种方法,让这个值为false,自己访问$viewValue。我在中看到,但是这是针对单个输入的。它看起来像是绑定到输入的名称 我的问题是这是一个ng重复,因此名称不同。我让它为单个项目工作(您可以在第一个表中看到它工作) 最后一个Angularjs 如何使用AngularUI mask和ng repeat查看屏蔽值和未屏蔽值?,angularjs,angular-ui,Angularjs,Angular Ui,我用AngularUI的ui掩码指令来屏蔽电话号码。我们希望将屏蔽值和未屏蔽值都保存到数据库中 我看到文档可以选择使用model view value=“true”将$viewValue存储为提供屏蔽值的模型 但是,既然我们都喜欢,我更喜欢一种方法,让这个值为false,自己访问$viewValue。我在中看到,但是这是针对单个输入的。它看起来像是绑定到输入的名称 我的问题是这是一个ng重复,因此名称不同。我让它为单个项目工作(您可以在第一个表中看到它工作) 最后一个是我试图显示$viewVal
是我试图显示$viewValue的地方。我还试图将其传递给setPhoneValue函数,但它也没有定义
编辑:创建小提琴:
{{phone_form.new_phone.$viewValue}}
{{addNumber.phoneNumber}
电话链接电话号码电话类型主标志MaskView
{{number.crm\u crm\u country\u crm\u phonenumber.crm\u PhoneMask}}
视图:{{phone_form.phone_number_input.$viewValue}
我们已经成功了。诀窍是使用$index为元素生成一个唯一的Id,然后将其传递给控制器
我在这里更新了小提琴:
一般的想法是,需要对输入字段进行标记并进行ng更改:
<input type="text" id="phone_input_id" name="phone_input_name_{{$index}}" ng-model="number.crm_phonenumber" ng-change="setValue(number, $index)" ui-mask="{{number.crm_crm_country_crm_phonenumber.crm_PhoneMask}}" ui-mask-placeholder ui-mask-placeholder-char="_" />
有小提琴手/普朗克的活例子吗?;)对抱歉耽搁了,我不得不模拟数据。
<input type="text" id="phone_input_id" name="phone_input_name_{{$index}}" ng-model="number.crm_phonenumber" ng-change="setValue(number, $index)" ui-mask="{{number.crm_crm_country_crm_phonenumber.crm_PhoneMask}}" ui-mask-placeholder ui-mask-placeholder-char="_" />
$scope.setValue = function(item, index)
{
item.crm_phonenumbermasked = $scope.phone_form["phone_input_name_" + index].$viewValue;
}