2016-04-04 15 views
0

Bootstrap biçimlendirmesini düzenlemek için yardımcı bileşen oluşturmak istiyorum. seçici ile bir bileşen yarattı mı:Bir üst bileşendeki öğeler arasında geçiş yapabilen ve bunları aynı kapsamda kullanıyormuş gibi kullanan bir Angular2 Bileşen yardımcıyı nasıl oluşturabilirim?

bu yeni bileşen için şablon bu

<label attr.for="{{model}}"> 
    {{label}} 
</label> 
<input class="form-control" bind-model="{{model}}" type="text" /> 

benziyor ya bu

<label attr.for="__MODEL__"> 
    __MODEL__ 
</label> 
<input class="form-control" ng-model="__MODEL__" type="text" /> 

ama ana şey gibi görünebilir olduğunu

<bs-input label="Last Name" model="lastname"></bs-input> 
Ana bileşende değiştirdiğim özniteliklerin yerini alacak ya da bir şekilde onları bir şekilde geçiren şablondaki meta öğelerini değiştirmek veya devralmak zorundayım h. Model, unstuck'un geldiği yer. Tabii

Şablonumdaki

bu çevrede en iyi yolu nedir mg-model veya [(ngModel)] kullanamaması için yerli olmayan unsurları ayrıştırılamıyor şablon ayrıştırıcı? Şablon işlenmeden önce ancak yapıcı çalıştırıldıktan sonra erişebilir mi?

+1

Neyi başarmak istediğiniz çok net değil. Verileri ** anasayfasından ** anasayfaya [angular2 @input] ile (https://angular.io/docs/ts/latest/api/core/InputMetadata-class.html) iletebilirsiniz. Veya verileri ayarlamak ve almak için bir [service] (https://angular.io/docs/ts/latest/tutorial/toh-pt4.html) kullanabilirsiniz. – tibbus

+0

Evet, bu oldukça belirsiz. Bu soruyu formüle etmekte zorlandım. Bu fişeği gör. Bu aynı soru ama angular2 için gerçekten. http://plnkr.co/edit/A29hl6?p=preview bu soruyla ilgili http://stackoverflow.com/questions/14115701/angularjs-create-a-directive- bu-use-ng-model – Justin

cevap

0
 Things Like validation Should be same as in Helpers 
     just create helper component might be valid.ts 

     //in the File where You want to use Helper as Example 
     import {Validator} from "../../../helpers/valid"; 

     @Component({ 
     }) 

     export class Image{ 
     constructor(){ 
     this.Image= fb.group({ 
     ImageTitle: ["1", Validator.required], 
      }) 
     } 
     }