Polymer - Paper 单选按钮
Paper-radio 按钮是用于选中或取消选中的输入按钮。当单选按钮位于同一单选按钮组中时,任何时候都只能选中组中一个单选按钮。要使目录中的 paper-radio 按钮处于工作状态,您应该在命令提示符中运行以下命令。
bower install --save PolymerElements/paper-radio-button
示例
您的 index.html 文件应如下所示。
<!doctype html> <html> <head> <link rel = 'import' href = 'my-app.html'> </head> <body> <my-app></my-app> </body> </html>
你的 my-app.html 文件应如下所示.
<link rel = 'import' href = 'bower_components/polymer/polymer.html'> <link rel = "import" href = "bower_components/paper-radio-button/paper-radio-button.html"> <dom-module id = 'my-app'> <template> <style> paper-progress { display: block; width: 30%; margin: 20px 0; } </style> <h3>Paper-Radio-Button Example</h3> <paper-radio-button>TutorialsPoint</paper-radio-button> <paper-radio-button disabled>TutorialsPoint Disabled</paper-radio-button> </template> <script> Polymer ({ is: 'my-app', ready: function() { this.async(function() { }); } }); </script> </dom-module>
输出
刷新 Polymer 服务器,以下是输出。
