2015-08-27 12 views
6

पर कोणीय 2 निर्देश को बाध्य नहीं कर सकता है, मैं एक साधारण कोणीय 2 घटक बनाने का प्रयास करता हूं, और मुझे मूल DOM तत्व को निर्देश बाध्य करते समय त्रुटि होती है।मूल तत्व

उदाहरण के लिए:

/// <reference path="../../typings/_custom.d.ts" /> 

import { Component, View } from 'angular2/angular2'; 
import { RouterLink } from 'angular2/router'; 

@Component({ 
    selector: 'my-component', 
    directives: [RouterLink] 
}) 

@View({ 
    template: ` 
     <a [router-link]="['/page']">test</a> 
    ` 
}) 

export class MyComponent { } 

=> 'routerLink' करने के लिए बाध्य नहीं किया जा सकता, क्योंकि यह '< एक >' तत्व का एक ज्ञात संपत्ति नहीं है और वहाँ एक इसी गुण के साथ कोई मिलता-जुलता निर्देशों हैं ।

मैंने क्या गलत किया?

+1

करने के लिए बदल अरे @tzi 'निर्देशों 'संपत्ति 'एनोटेशन एनोटेशन में जाना चाहिए। –

+0

धन्यवाद @EricMartinez। -_- \/ – tzi

उत्तर

11
  • रूप @EricMartinez ने कहा, "निर्देशों" एक "देखें" संपत्ति
  • है @dSebastien ने कहा, "रूटर-लिंक" "routerLink"
  • बने @ pardeep-जैन ने कहा, "angular2/angular2 "बन गए" angular2/मूल "," देखें "एनोटेशन हटाया जा रहा है, typings लाइन

यहाँ की कोई जरूरत नहीं सही कोड है:

import { Component } from 'angular2/core'; 
import { RouterLink } from 'angular2/router'; 

@Component({ 
    selector: 'my-component', 
    directives: [RouterLink], 
    template: ` 
     <a [routerLink]="['/page']">test</a> 
    ` 
}) 

export class MyComponent { } 
+5

ध्यान दें कि बीटा के साथ, राउटर-लिंक राउटरलिंक बन जाता है (ngFor, ngIf, ...) – dSebastien

1

एंगुलर 2 के रूप में अब बीटा में है इसलिए इस सवाल के बारे में यहां कुछ बदलाव किए गए हैं जो किसी के लिए मदद कर सकते हैं।

(ज्यादातर मामलों में दृश्य एनोटेशन उपयोग करने के लिए है, क्योंकि कोई जरूरत नहीं है सभी आयातों की सूची के लिए import {Component, View } from 'angular2/core' करने के लिए बदल सभी व्यू एनोटेशन की कार्यक्षमता घटक एनोटेशन में शामिल हो जाती है)।

+2

'@View()' एनोटेशन हटा दिया जा रहा है। –

संबंधित मुद्दे