【问题标题】:Anglularjs:how to show error array in span using ng-repeatAngularjs:如何使用 ng-repeat 在跨度中显示错误数组
【发布时间】:2017-12-11 17:28:31
【问题描述】:

我想使用重复在span 中显示错误数组。你能告诉我我们最好的方法吗?

我创建span 并附加到现有结构。但我想尝试这种方式。我是角度的新手。

var errorArray = [];
                 errorArray.push("Test Showing multiple errors1");
                 errorArray.push("Test Showing multiple errors2");
                 //This will show all the colounms 
                 for (let key in error.data) {
                     if (error.data.hasOwnProperty(key)) {
                         console.log(error.data[key]);
                         errorArray.push(error.data[key]);
                     }
                 }
                 vm.error = errorArray;
             });

HTML 端代码

<span class="help-block" ng-model="vm.error" ng-repeat="data in vm.error">{{vm.error}}</span>

【问题讨论】:

  • 这已经在这个 SO 帖子中得到了回答:stackoverflow.com/questions/23528478/…
  • @rrd 我看到了这个问题,但它没有说明如何将 ng-repeat 与 span 一起使用。这是不同的问题。
  • 嗯嗯,也许你应该显示 {{data}} 而不是显示 {{vm.error}}
  • @rrd 成功了,谢谢
  • ng-model 用于表单控制元素

标签: angularjs angularjs-ng-repeat


【解决方案1】:

因为您正在迭代数据对象。所以只有你的表达式可用的东西是数据而不是 vm.error。它就像 for 循环中 i 的值。

<span class="help-block"  ng-repeat="data in vm.error">{{data}}</span>

【讨论】:

    【解决方案2】:

    在 ng-repeat 中,您将 data 替换为 vm.error 数组的任何元素,并且 ng-model 不能在 span 标签中。 尝试以下:

    <span class="help-block"  ng-repeat="data in vm.error">{{data}}</span>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-06-28
      • 2020-08-16
      • 2019-08-01
      • 1970-01-01
      • 2019-08-13
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多