Angularjs 使用ng元数据完成转换

我正在使用AngularJs 1.6和ng元数据逐步将AngularJs组件迁移到AngularJs

我需要构建一个能够屏蔽一些HTML的组件，我希望我可以使用ng元数据提供的东西，因为当我们升级到Angular时会更容易。不幸的是，我在文档中找不到任何关于这方面的信息

---

使用使用转换的ng元数据编写的AngularJS组件的示例将帮助我开始使用它。

您可以通过添加

transclude:true

来启用AngularJS的转换：

app.component('myComponent', function() {
    transclude: true,
    controller: function() {
        // Your code
    }
})

---

在您的情况下，使用

ng元数据

语法，使用：

@Component({
    selector: 'myComponent',
    templateUrl: 'my-template.html',
    legacy: {
        transclude: true
    }
})

---

这就是我的组件装饰器的最终外观

@Component({
    selector: 'diDropdown',
    templateUrl: require('./dropdown-component.html'),
    legacy: { transclude: true},
})
export class DropdownComponent {}

---

难道你不能将

transclude:true

添加到你的组件中吗？是的，你是对的。显然这是有效的：遗产：{transclude:true}，很高兴听到！我已经根据我的评论为这篇文章添加了一个答案。是的，这就是如何在AngularJs中实现的，但是我想使用ng元数据语法。更新的答案。