Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Dart 使用angular2省道和angular2_材质创建简单按钮_Dart_Angular - Fatal编程技术网

Dart 使用angular2省道和angular2_材质创建简单按钮

Dart 使用angular2省道和angular2_材质创建简单按钮,dart,angular,Dart,Angular,我用stagehand生成了一个angular2 dart应用程序,它按预期运行。现在,我正试图添加一个简单的按钮,从angular2材料设计的网页,但没有任何成功。仅显示按钮标签-按钮未按预期升起。下面是简单的src 飞奔 .html 我的第一个Angular 2应用程序 按钮 这里没有看到升起的按钮 非常感谢您的帮助。MdButton组件的选择器是[md button]。不是(a)(和一些变体),这意味着元素需要有属性md button,而不是元素必须是。这样,通过添加此属性,任何元素都可

我用stagehand生成了一个angular2 dart应用程序,它按预期运行。现在,我正试图添加一个简单的按钮,从angular2材料设计的网页,但没有任何成功。仅显示按钮标签-按钮未按预期升起。下面是简单的src

飞奔 .html
我的第一个Angular 2应用程序
按钮
这里没有看到升起的按钮


非常感谢您的帮助。

MdButton组件的选择器是
[md button]。不是(a)
(和一些变体),这意味着元素需要有属性
md button
,而不是元素必须是
。这样,通过添加此属性,任何元素都可以成为
md按钮

将标记更改为

<div md-button>Button</div>

Angular2材料组件目前不打算用于AIK和高度实验性,但使用它们进行实验当然很好。

什么是
md内容
?我在angular2_材料中找不到它。实验-仍然找到它上面没有一个创建按钮-只是文本。只是试验而已。可能是进口不正确。我试着做实验,因为我的博客在。我只是想知道为什么谷歌似乎更支持angular而不是polymer。我忘了提到你需要在你的
@Component()
注释中添加
指令:const[MdButton]
。我不知道你说的“谷歌支持angular多于polymer”是什么意思,谢谢Gunter。指令是缺失的部分。我并不是想打开一罐蠕虫,但有几次我看到谷歌使用angular和dart聚合物,angular似乎是有选择的。也许那些有内部知识/信息的人知道得更好。我想关于飞镖,棱角的显然比聚合物更受青睐。Polymer基本上用于构建可重用组件,在JS中构建组件比在Dart中构建组件更具可重用性。尽管聚合物可以很好地构建完整、复杂的应用,但它并不是它的主要目标。Angulars的主要目的是简化复杂应用程序的构建,这也是Dart的主要目标,因此它们非常适合。
<h1>My First Angular 2 App</h1>

<md-content>
  <section layout = "row"
           layout-sm = "column"
           layout-align = "center center"
           layout-wrap>
    <md-button class = "md-raised">Button</md-button>
  </section>
</md-content>
<div md-button>Button</div>
<div md-raised-button>Button</div>
<a md-raised-button>Button</a>
@Component(
    selector: 'my-app')
@View(
    templateUrl: 'app_component.html',
    directives: const [MdButton])
class AppComponent {}