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

Question

我是 node-red、仪表板、AngularJS 以及 node-red 仪表板随附的内置图标的新手，所以请手下留情。我想用图标制作我自己的按钮，所以我使用仪表板模板节点。修改信息中的示例，我是这样做的：

<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>

编辑：Link 按钮来源：https://github.com/node-red/node-red-dashboard/blob/master/src/components/ui-component/templates/button.html

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

In node-red-dashboard, how to add md-icon in an md-button

angularjs

node-red