从ng-repeat网格中删除点符号

时间:2016-05-19 16:10:00

标签: javascript angularjs

我做了一个简单的plunker来表明我的问题。在我的页面上,我需要渲染一些我从api调用获得的属性。这个属性有密钥' id'并且' name'。 我需要渲染所有属性,除了' id'为了这个目的,我使用像这里的角度过滤器

 <form style="padding: 15px">
  <button class="btn btn-default" ng-click="upload()">Upload</button>
  <div class="form-group row">
    <div ng-repeat="k in rowKeys | filter: '!id'" ng-model="rowValue">
      <label for="rowValue" class="col-sm-2">{{k}}:</label>
      <div class=" col-sm-2">
        <input class="form-control rowValue" id="rowValue" value="{{rowData[k]}}" />
      </div>
    </div>
  </div>
  <button type="submit" class="btn btn-default" ng-if="rowData" ng-disabled="!rowValue">Submit</button>
</form>

但它通过点符号显示了一些键

study.name

我试图用纯javascript替换替换它,但是出现了错误

replace is not a function

如何删除&#39; .name&#39;从我页面上的所有键?

1 个答案:

答案 0 :(得分:1)

你可以创建一个简单的过滤器

app.filter('hide', function () {
    return function(input, arg) {
        return input.replace(arg, '');
    };
});

并在您的代码中使用它:

{{k | hide:'.name'}}

过滤器可能会使用更多的错误处理。

示范:Plunkr