javascript - angular2的指令标签如何才会被替换？-PHP Chinese Network Q&A

题目描述可能不准确，请原谅，我是刚学NG2的新手。

场景还原：
这是 angular2.4.3 + angular-cli 做的小demo，我定义了一个组件类：

@Component({ selector: 'side-bar', template: `  
 
 ng-movie
 点击此处隐藏container
 
 
 
 ` }) export class sideBarComponent{ isHideContainer: bollean; // 准备用于控制 container 显示与否，通过 *ngIf hideSidebar () { // 如何把 p.side-bar 隐藏？ } }

在 angular2 中，我无法把组件中的数据isHideContainer添加在上，因为这已经跨组件了，需要用到组件通信。

问题：
问题一：到这里我就很疑惑了，我认为也应该算是组件的一部分，为什么需要组件通信才能对它进行控制？因为我之前学过vue.js，在vue中这问题是不存在的，它会把container元素替换成template，而不是像angular2把template嵌入到container中。

问题二：运行ng build --prod --env=prod后，标签还保留着，没有替换成

，是否故意保留的？

@Component({ selector: 'my-app', template: ` ng-movie 点击此处隐藏container ` }) export class AppComponent { isHideContainer: bollean = true; // 准备用于控制 container 显示与否，通过 *ngIf hideSidebar() { this.isHideContainer = false; } }

reply all (2)

大家讲道理2017-04-11 12:45:17 2 floor

写了个在线demo

http://embed.plnkr.co/veU7rSv...

核心代码：