«angular» etiketlenmiş sorular

Kontrol için açısal2 iki yönlü bağlamayı test etmeye çalışıyorum input. İşte hata: Can't bind to 'ngModel' since it isn't a known property of 'input'. App.component.html <input id="name" type="text" [(ngModel)]="name" /> <div id="divName">{{name}}</div> App.component.ts @Component({ selector: 'app-root', templateUrl: './app.component.html' }) export class AppComponent implements OnInit { name: string; } app.component.spec.ts import …

103 testing  angular  angular-cli  angular2-testing 

Gönder düğmesi olmayan bir form göndermek mümkün mü (enter tuşuna basarak) örnek: <form [ngFormModel]="xxx" (ngSubmit)="xxxx()"> <input [(ngModel)]="lxxR" ngControl="xxxxx"/> </form

103 forms  angular  submit 

Angular2 2.0.0-beta.0 ile deney yapıyorum Bir tablom var ve satır içeriği bu şekilde angular2 tarafından üretiliyor: <table> <tr *ngFor="#line of data"> .... content .... </tr> </table> Şimdi bu işe yarıyor ve içeriği bir bileşen "tablo satırı" olarak kapsüllemek istiyorum. <table> <table-line *ngFor="#line of data" [data]="line"> </table-line> </table> Ve bileşende, şablon …

103 angular 

Yöneticilerin ekiplerini takip etmeleri için açısal bir uygulama üzerinde çalışıyorum ve bir @ Çıktı hatasıyla karşılaşıyorum: An error occurred: @Output deleteMeeting not initialized in 'MeetingItemComponent'. MeetingItem bileşenlerinin bir listesini oluşturan bir Toplantılar bileşenim var. Kullanıcı farklı düğmelere tıkladığında işlem yapmak istiyorum (düzenle, sil, ayrıntıları göster). İşte ebeveyn Toplantıları şablonum: <div …

103 angular  click  angular-event-emitter 

NgModule'e geçtikten sonra bu hatayı alıyorum, hata çok yardımcı olmuyor, herhangi bir tavsiye lütfen? Error: Error: Unexpected value 'undefined' imported by the module 'AppModule' at new BaseException (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:5116:27) at eval (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13231:35) at Array.forEach (native) at CompileMetadataResolver.getNgModuleMetadata (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:13215:48) at RuntimeCompiler._compileComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15845:51) at RuntimeCompiler._compileModuleAndComponents (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15769:41) at RuntimeCompiler.compileModuleAsync (http://localhost:5555/node_modules/@angular/compiler/bundles/compiler.umd.js:15746:25) at PlatformRef_._bootstrapModuleWithZone (http://localhost:5555/node_modules/@angular/core/bundles/core.umd.js:9991:29) at …

103 angular 

ReactiveFormsModuleForm içeren bir bileşen oluşturmak için Angular2 kullanıyorum . İşte kodum: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (ile [formControl]): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> <div class="ui radio checkbox"> …

103 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

Bu sorunun yanıtları bir topluluk çabasıdır . Bu gönderiyi iyileştirmek için mevcut cevapları düzenleyin. Şu anda yeni cevapları veya etkileşimleri kabul etmiyor. Kullanıyorum ng --versionvar: @ angular / cli: 1.0.0 mevcut en son sürüm değil. Angular CLI sistemime global olarak yüklendiğinden, yükseltmek için şunu denedim: npm update angular-cli -g Ancak …

102 angular  angular-cli 

Arasındaki fark nedir EventEmitter.emit()ve EventEmitter.next()? Her ikisi de olayı abone olunan dinleyicilere gönderir. export class MyService { @Output() someEvent$: EventEmitter<any> = new EventEmitter(); someFunc() { this.someEvent$.emit({myObj: true}); this.someEvent$.next({myObj: true}); } } EventEmitter belgelemesi an çok yararlı değildir.

102 angular  angular2-services 

Hepsine biraz servis enjekte etmesi gereken bir dizi angular2 bileşenim var. İlk düşüncem, bir süper sınıf yaratmanın ve hizmeti oraya enjekte etmenin en iyisi olacağıydı. Bileşenlerimden herhangi biri bu süper sınıfı genişletir ancak bu yaklaşım işe yaramaz. Basitleştirilmiş örnek: export class AbstractComponent { constructor(private myservice: MyService) { // Inject the …

102 angular  inheritance  inject  typescript1.8 

Bu blogu takip ettiğim için üretim için angular2 uygulaması oluşturmaya çalışıyorum . Ngc başarılı derlememden sonra tsc derlemesi gerçekleştiğinde, görüntüde gösterilen aşağıdaki hatayı oluşturur: Bir süre aradıktan sonra , tam olarak anlayamadığım "Bağlam özelliği" bölümünde sorunu açıklayan bu blogu buldum , neyin yanlış olduğu konusunda size iyi bir fikir verebilir. …

102 angular  typescript  typescript-typings  angular2-aot 

Angular 2.0 bileşenleri yazarken, özellikler için varsayılan değerler nasıl ayarlanır? Örneğin - Sette istiyorum fooiçin 'bar'varsayılan olarak, ancak bağlayıcı kudreti derhal çözümlemek 'baz'. Yaşam döngüsü kancalarında bu nasıl oynanır? @Component({ selector: 'foo-component' }) export class FooComponent { @Input() foo: string = 'bar'; @Input() zalgo: string; ngOnChanges(changes){ console.log(this.foo); console.log(changes.foo ? changes.foo.previousValue …

102 angular  typescript 

'İnput' öğesinin bilinen bir özelliği olmadığı ve karşılık gelen bir özelliğe sahip eşleşen yönergeler olmadığı için 'ngModel'e bağlanılamıyor Not: alfa.31 kullanıyorum import { Component, View, bootstrap } from 'angular2/angular2' @Component({ selector: 'data-bind' }) @View({ template:` <input id="name" type="text" [ng-model]="name" (ng-model)="name = $event" /> {{ name }} ` }) class DataBinding …

101 data-binding  typescript  angular  2-way-object-databinding 

Ekibim ve ben Kurumsal düzeyde bir web uygulaması geliştirmeye başlamak için fon aldık (ne yaptığının ayrıntılarına girmeyeceğiz). Uygulamanın birçok ayrı web sayfası olacak, ancak bu sayfalardan ikisi daha odaklı ve çok ağır - çok sayıda kullanıcı etkileşiminde olduğu gibi, toplu verileri görüntüleyen modlar, websocket bağlantıları, sohbet vb. Projede Baş Mimara …

101 asp.net  angular  reactjs  razor 

Bu kodu Angualr 1'den Angular 2'ye çeviremiyorum: ng-repeat="todo in todos | orderBy: 'completed'" Thierry Templier'in cevabından sonra yaptığım şey bu: Bileşen şablonu: *ngFor="#todo of todos | sort" Bileşen kodu: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], pipes: [ TodosSortPipe ] }) Boru kodu: import { Pipe } from "angular2/core"; import …

101 angular  angular2-template  angular-pipe 

Nasıl ekleyebilir sınıf için vücut yapmadan etiketi vücudu uygulaması seçicisi olarak ve bağlayıcı ev sahibi kullanarak? Renderer'ı kullanmayı denedim ama tüm vücudu değiştirdi Gövde etiketinde açısal 2.x bağlama sınıfı Büyük bir angular2 uygulaması üzerinde çalışıyorum ve kök seçiciyi değiştirmek çok fazla kodu etkileyecek, çok fazla kod değiştirmem gerekecek Benim kullanım …

101 angular