Question

我是node-red，dashboard，AngularJS以及节点红色仪表板附带的内置图标的新用户，请怜悯。我想用图标制作我自己的按钮，所以我使用仪表板模板节点。修改信息中的示例，我这样做：

<script>
  var value = "hello world";
  this.scope.action = function() { return value; }
</script>
<md-button ng-click="send({payload:action()})">
  <md-icon class="material-icons">refresh</md-icon>
  Refresh
</md-button>

我确信我错过了很简单的事情。我只想在“刷新”文本之前显示圆形箭头图标。谁能在这里给我一些快速指导？

提前致谢。

Answer 1

我遇到了同样的问题，不得不查看仪表板源代码来解决它。我们需要使用<ui-icon>。这应该适合你：

<script>
  var value = "hello world";
  this.scope.action = function() { return value; }
</script>
<md-button ng-click="send({payload:action()})">
  <ui-icon icon="refresh"></ui-icon>
  Refresh
</md-button>

修改：链接到按钮来源：https://github.com/node-red/node-red-dashboard/blob/master/src/components/ui-component/templates/button.html

在node-red-dashboard中，如何在md按钮中添加md-icon

1 个答案: