gpt4 book ai didi

javascript - 替换 ng-repeat 中的项目的空字符串

转载 作者:行者123 更新时间:2023-11-30 11:54:34 25 4
gpt4 key购买 nike

我只是想替换属于 ng-repeat 一部分的项目中的空字符串,因此我可以将其用作 div 元素的 id。适用于第一个空白空间。我想要一个全局替换并尝试了类似//g 的东西,但是代码中的引号弄乱了它或者我没有做对。

我试过了

<div ng-repeat="list in list">
<div id="{{list.name.replace(' ','_');}}" ></div>

最佳答案

我建议您创建一个函数并在您的 View 中调用它。

这是一个片段的工作:

angular.module('app', [])
.controller('mainCtrl', function($scope) {
$scope.list = [
   {
      "name": "noempties"
   },
   {
      "name": "a empty string"
   },
   {
      "name": "more empties a a a a a"
   }
];

$scope.replace_chars = function(obj) {
return obj.name.replace(/\s/g, '_');
};
});
<!DOCTYPE html>
<html ng-app="app">

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.7/angular.min.js"></script>
</head>

<body ng-controller="mainCtrl">
<div ng-repeat="lst in list track by $index">
<!-- The ng-bind was used only to show how it was after replace -->
<div id="{{replace_chars(lst)}}" ng-bind="'div id: ' + replace_chars(lst)"></div>
</div>
</body>

</html>

关于javascript - 替换 ng-repeat 中的项目的空字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38401449/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com