Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 角度选择表格';s验证_Angularjs_Forms_Validation_Angularjs Directive_Selectize.js - Fatal编程技术网

Angularjs 角度选择表格';s验证

Angularjs 角度选择表格';s验证,angularjs,forms,validation,angularjs-directive,selectize.js,Angularjs,Forms,Validation,Angularjs Directive,Selectize.js,我正在搜索设置由angular selectize指令()引起的输入验证 问题在于该指令: <selectize config="pic.interGermConfig" options="pic.interGermOptions" data-ng-model="pic.interGermFilter"></selectize> 生成此输出: <selectize config="pic.interGermConfig" options="pic.interG

我正在搜索设置由angular selectize指令()引起的输入验证

问题在于该指令:

<selectize config="pic.interGermConfig" options="pic.interGermOptions" data-ng-model="pic.interGermFilter"></selectize>

生成此输出:

<selectize config="pic.interGermConfig" options="pic.interGermOptions" data-ng-model="pic.interGermFilter"></selectize>
<div class=“selectize-control”>
 <div class=“selectize-input items not-full”>
      <div data-value=“value” class=“item”>Visual value</div>
      <input type=“text” autocomplete=“off” placeholder=“” />
 </div>
 <div class=“selectize-dropdown multi”>
      <div class=“selectize-dropdown-content”>
           <div data-value=“value” data-selectable class=“option”>Visual value</div>
      </div>
 </div>

视觉价值
视觉价值

此标签:

<input type=“text” autocomplete=“off” placeholder=“” />

没有ng model指令属性,因此我无法使用带有ngModel require的自定义指令来设置输入有效性

是否有可能以某种方式做到这一点,或者是否有可能在控制器内部而不是在指令内部设置输入有效性


谢谢

我找到了满足我需求的解决方案,但我认为这不是最好的方法

首先,我尝试在传递给selectize指令的模型上使用$watch,但这是不允许的,因为在使用selectize时ng model属性是模糊的,并且不会传播到新的DOM元素

所以,查看angular selectize代码,我看到该指令允许使用ng required属性()。 所以我创建了一个函数来检查模型并在控制器中设置错误,然后我将这个函数传递给ng require

<selectize config="pic.interGermConfig" options="pic.interGermOptions"
           data-ng-model="pic.interGermFilter"
           data-ng-required="pic.checkSelectizeRequire(pic.interGermFilter, 'germs')">
</selectize>
为了检查表单中的错误,我创建了自己的变量,因为我不知道如何像经典方式一样检查selectize input的“required”选项:

form.inputName.$error.required

我为自己的需求找到了解决方案,但我认为这不是最好的方法

首先,我尝试在传递给selectize指令的模型上使用$watch,但这是不允许的,因为在使用selectize时ng model属性是模糊的,并且不会传播到新的DOM元素

所以,查看angular selectize代码,我看到该指令允许使用ng required属性()。 所以我创建了一个函数来检查模型并在控制器中设置错误,然后我将这个函数传递给ng require

<selectize config="pic.interGermConfig" options="pic.interGermOptions"
           data-ng-model="pic.interGermFilter"
           data-ng-required="pic.checkSelectizeRequire(pic.interGermFilter, 'germs')">
</selectize>
为了检查表单中的错误,我创建了自己的变量,因为我不知道如何像经典方式一样检查selectize input的“required”选项:

form.inputName.$error.required