【问题标题】:Space between ng-repeat getting errorng-repeat 之间的空间出现错误
【发布时间】:2016-01-04 05:41:25
【问题描述】:

我有数组中的值,单词之间有空格得到错误我替换了问题将解决的空格,但在 U.I 中我想在空格中显示它。

代码

<td ng-repeat="measure in subsystem.measures track by $index" ng-show={{measure.measureType}}>
      <h4><b>{{measure.measureType}}</b> </h4>
</td>

价值:EB 账单`

错误:

[$parse:syntax] Syntax Error: Token 'Bill' is an unexpected token at column 5 of the expression [EB Bill] starting at [Bill].

【问题讨论】:

  • 显示一些示例数据,问题没有意义
  • 为什么不用css类来造成差距?

标签: javascript arrays angularjs


【解决方案1】:

问题出在ng-show 上,它应该评估为 trusy...但是“EB Bill”不会评估任何东西。如果您删除 ng-show 指令,那么它应该可以工作...见下文...

var app = angular.module("myApp", []);

app.controller("testcontroller", ["$scope",
  function($scope) {
    //$scope.measure.measureType = "EB Bill";
    $scope.subsystem = {
      measures: [{
        measureType: 'one'
      }, {
        measureType: 'two and three'
      }, {
        measureType: 'EB Bill'
      }]
    };
  }
]);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>

<div ng-app="myApp" ng-controller="testcontroller">
  <div ng-repeat="measure in subsystem.measures track by $index">
    <h4><b>{{measure.measureType}}</b> </h4>
  </div>
</div>

【讨论】:

  • ng-show 不是这样工作的...它简单地评估一个表达式,如果表达式是 trusy 则显示元素,如果表达式计算为 falsy 则不显示表达式...
【解决方案2】:

ng-show必须有真或假值,measureType属性尽量只有真假数据,我相信你不会得到这个错误。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-07-27
    • 1970-01-01
    • 2021-02-17
    • 2016-07-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多