Question

我正在为角度2创建一个Ribbon组件（主要是为了学习角度2 ^^），我想知道如何以角度2方式制作下拉菜单。当然，我可以使用bootstrap甚至jQuery，但我想知道从我的组件中做到这一点的最佳方法是什么。实际上，我可以在我的TypeScript文件中执行一个类似的方法：

("my-dom-menu").slideDown()

但是，我知道在Angular 1中，直接从控制器内部弄乱DOM并不是最好的做法，所以我猜它仍然是角度2的情况。

当我点击按钮时，创建一个应该显示菜单的指令会更好吗？从指令中混淆DOM比从组件中弄出来更好吗？

由于

Answer 1

您的菜单将是一个组件。

import {Component} from '@angular/core';

@Component({
   selector:'my-drop-down-menu',
   templateUrl:'./my-drop-down-menu.html' // this is where you would add the div
})

export class MyMenuComponent{
    // actions happen here
}

<强> HTML

<my-drop-down-menu></my-drop-down-menu> <-- pulls in my-drop-down-menu.html -->

如果您浏览angular.io上的教程，您将立即获得它https://angular.io/docs/ts/latest/tutorial/

角度2和自定义下拉菜单

1 个答案: