Polymer 1.0 - 如何以编程方式设置图标位置

Question

使用 Polymer 1.0 和 Dart，我有：

  PaperButton paperButtonForget = new PaperButton();
  IronIcon iconClear = new IronIcon();
  paperButtonForget.innerHtml = "Forget";
  paperButtonForget.children.add(iconClear);
  paperButtonForget.raised=true;

生成的按钮显示 "FORGET X"

我有两个问题：

1) 怎样让它显示出来 "X FORGET" 如在 https://elements.polymer-project.org/elements/paper-button?view=demo:demo/index.html&active=paper-button

2) paperButtonForget.raised=真； "doesn't work" - 但也许我需要做些别的事情...?

干杯史蒂夫

Answer 1

这样您就可以将图标移到左侧，并且按钮会凸起显示：

import 'dart:html' as dom;
import 'package:polymer/polymer.dart';
import 'app_element.dart';
import 'package:polymer_elements/paper_button.dart';
import 'package:polymer_elements/iron_icon.dart';
import 'package:polymer_elements/communication_icons.dart';

/// [AppElement]
main() async {
  await initPolymer();
  PaperButton paperButtonForget = new PaperButton();
  IronIcon iconClear = new IronIcon()..icon = 'communication:email';
  paperButtonForget.append(iconClear);
  paperButtonForget.append(new dom.Text("Forget"));
  paperButtonForget.attributes['raised']='true';
  dom.document.body.append(paperButtonForget);
}

Polymer 1.0 - 如何以编程方式设置图标位置

Polymer 1.0 - how to set icon position programmatically

dart

dart-polymer