首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ng中的ng类-使用$index选择器重复

ng中的ng类-使用$index选择器重复
EN

Stack Overflow用户
提问于 2016-07-05 11:07:30
回答 1查看 208关注 0票数 1

我想在ng类中选择表单元素,它位于ng-重复中,我需要ng类中的1:n选择器。但是{{}+ $index在ng类表达式中工作正常.对扇区进行了正确的分析。但是ng类处理不了。当{{}+ $index在里面时,没有检测到选择器。

代码:

代码语言:javascript
复制
<form name="vm.itemForm" ng-submit="vm.onSave()">
(...)
  <tr ng-repeat="item in vm.item.sizes | orderBy:predicate:reverse">
    (...)
     <div class="dc-input-group">
        <input class=""
               ng-model="item.stock"
               ng-class="{ 'testclass': vm.itemform.{{'stockInput'+$index}}.mySelector  }" 
               name="{{'stockInput'+$index}}" />
        </div>

HTML输出:

代码语言:javascript
复制
  <input class="form-validation dc-input dc-input--in-input-group dc-input--text-right ng-touched ng-not-empty ng-dirty ng-valid-number ng-valid ng-valid-required" 
    ng-model="item.stock"
    ng-class="{ 'testclass': vm.form.stockInput1.$valid }" 
    required=""
    name="stockInput1" 
    type="number"> 
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-05 11:11:14

ng-class已经是一个表达式,所以您可以在每个表达式中同时放置两个表达式。你可以这样解决它:

代码语言:javascript
复制
<input class=""
       ng-model="item.stock"
       ng-class="{'testclass': vm.itemform['stockInput'+$index].mySelector}" 
       name="{{'stockInput'+$index}}" />
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38201892

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档