什么是...... DirectiveName表示角度2

时间:2016-07-15 03:19:17

标签: angular

角度2中的...DirectiveName是什么意思

Exp:[...ROUTER_DIRECTIVES]

当我只使用[ROUTER_DIRECTIVES]时,它仍然有效,为什么我们在

之前添加...

2 个答案:

答案 0 :(得分:0)

我不知道答案,但我会尝试用我在购物车组件中使用的代码向您解释。 ROUTER_DIRECTIVES使用" router-outlet"显示任何路线:电子,视频,但其他组件在" .html"中的显示方面保持不变。下面是我的组件的部分代码。希望这有助于而不是混淆你。快乐的编码。

@Component({
  module: moduleId,
  selector: 'rb-shopping',
  templateUrl: 'shopping.component.html,
  directives: [FeaturedBrand, SubCategory, ProductList, ROUTER_DIRECTIVES]
})
@Routes([
  { path: 'e', component: ElectronicsComponent },
  { path: 'v', component: VideoGamesComponent },
  { path: '/', DefaultComponent}
])
//my shopping.html
<router-outlet></router-outlet>
<rb-subcategories [input]="searchStr"></rb-sub-categories>
<rb-featured-brands [input]="searchStr"></rb-featured-brands>
<rb-product-list [input]="searchStr"></rb-product-list>

答案 1 :(得分:0)

我自己找到答案,...是Spread语法。 示例:

var parts = ['shoulders', 'knees'];
var lyrics = ['head', ...parts, 'and', 'toes']; // ["head", "shoulders", "knees", "and", "toes"]

请参阅: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_operator

而角度2理解它们。