javascript - 使用 Angular 函数根据输入动态添加大量图像

标签 javascript jquery angularjs

我正在从 Google 电子表格中提取数据,输入类似于“4-asdf”。

我使用 Javascript 将其按破折号分开

var arr = input.split('-');
var stars = arr[0];

我想解析星星元素,以便为评级添加星星数量。此代码位于名为 parseRating 的 $scope 函数中。

在前端,我有这样的东西

<div ng-repeat="place in places">
  {{ parseRating(place.input) }}
</div>

有什么方法可以用 Angular 返回图像吗?我知道我可以用该函数返回字符串。或者有更简单的方法来实现这一点吗?

最佳答案

如果我理解正确的话,您想根据评级重复相同的元素(星形图像)。

所以我会这样做

<div ng-repeat="star in parseRating(place.input) track by $index">
    <img src="star.gif" >
<div>

在 Controller 中我会做类似的事情:

$scope.parseRating = function(input) {
    var arr = input.split('-');
    var stars = arr[0];
    return new Array(stars * 1);   
};

这是一个plunker

关于javascript - 使用 Angular 函数根据输入动态添加大量图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32130479/

相关文章:

javascript - 如何判断某个位置是否在特定字符之间?

javascript - 在 Jquery 对话框弹出窗口中填充表单元素

javascript - 如何使用 Protractor 获取 Javascript 提示值?

javascript - 没有 JShint 警告的多行 JSON 字符串

jQuery - 在表行中查找最小值并设置样式

javascript - 如何制作具有可滚动内容和最大高度的 Bootstrap 模态?

javascript - 隐藏 react-google-maps 上的默认全屏按钮

javascript - ios风格的文件夹动画

javascript - Ionic/Angular JS - 如何在 onclick 中解析 {{value}}

angularjs - TR 元素通过 ng-click 触发复选框,但复选框上的 ng-change 不会触发