«angular» etiketlenmiş sorular

Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. Error: Schema validation failed with the following errors: Data path ".builders['app-shell']" should have required property 'class'. at MergeMapSubscriber._registry.compile.pipe.operators_1.concatMap.validatorResult [as project] …

117 angular 

Angular 2 uygulamamda global değişkenler oluşturmakta gerçekten zorlanıyorum. Zaten son 3 saattir StackOverflow'da bu konuda birçok yazı okudum ve okudum, ancak işe yarayamıyorum gibi görünüyor. Gerçekten bana yardım edebileceğinizi umuyorum ve bu soruyu sorduğum için özür dilerim. Globals.ts adında dosyam var , bu şuna benzer: import { Injectable } from …

116 angular  typescript 

Yönlendirme uyguladığım ve gezinirken durumların depolanmasını istediğim bir Angular 2 modülüm var. Kullanıcı şunları yapabilmelidir: 'arama formülü' kullanarak belgeleri arayın sonuçlardan birine git sunucuyla iletişim kurmadan 'arama sonucuna' geri dönün Bu dahil mümkündür RouteReuseStrategy. Soru şudur: Belgenin saklanmaması gerektiğini nasıl uygulayabilirim? Dolayısıyla yol yolu "belgeleri" durumu saklanmalı ve yol yolu …

116 javascript  angular  typescript  angular-ui-router 

Arasındaki fark nedir [routerLink]ve routerLink? Her birini nasıl kullanmalısınız?

116 angular  routes  routerlink  angular-routerlink 

Angular 1'de, aşağıdakileri kullanarak bir açılır kutu için varsayılan seçeneği seçebilirim: <select data-ng-model="carSelection" data-ng-options = "x.make for x in cars" data-ng-selected="$first"> </select> Angular 2'de şunlara sahibim: <select class="form-control" [(ngModel)]="selectedWorkout" (ngModelChange)="updateWorkout($event)"> <option *ngFor="#workout of workouts">{{workout.name}}</option> </select> Seçenek verilerim şöyleyse varsayılan bir seçeneği nasıl seçebilirim: [{name: 'arm'}, {name: 'back'}, {name:'leg'}]ve varsayılan değerim …

115 html  angular 

Bir düğmeye basıldığında bir hedefe kaydırabilmek istiyorum. Bunun gibi bir şey düşünüyordum. <button (click)="scroll(#target)">Button</button> Ve benim component.tsgibi bir yöntemimde. scroll(element) { window.scrollTo(element.yPosition) } Yukarıdaki kodun geçerli olmadığını biliyorum, sadece ne düşündüğümü göstermek için. Daha önce Angular deneyimi olmadan Angular 4'ü öğrenmeye başladım. Etrafta bunun gibi bir şey arıyordum ama tüm …

115 javascript  html  angular  typescript 

Angular 6 burada olduğu için, açısal 5 istemci uygulamamı açısal 6'ya yükseltmek veya taşımak istiyorum, ancak bana yol gösterecek herhangi bir eğitim veya herhangi bir şey alamıyorum. Bana göre yeni bir Angular CLI çalıştırmam ve ardından eski kaynağımı yeni projeye taşımam gerekiyor. Angular 6'nın Ivy adında yeni bir oluşturucu kullandığını …

114 angular  migration  upgrade  angular-ivy 

Bu senaryoda, aşağıdakilerin bulunduğu görünüme bir öğrenci listesi (dizi) görüntülüyorum ngFor: <li *ngFor="#student of students">{{student.name}}</li> Listeye başka bir öğrenci eklediğimde güncellenmesi harika. Ancak, bunu bir verdiğimde pipeiçin filteröğrenci adıyla, <li *ngFor="#student of students | sortByName:queryElem.value ">{{student.name}}</li> Filtreleme öğrenci adı alanına bir şey yazana kadar listeyi güncellemez. İşte plnkr bağlantısı . …

114 angular  angular2-template  angular2-directives  angular-pipe 

Angular 2, Google Maps, vb. Kullanarak bir emlak web sitesi yapıyorum ve bir kullanıcı haritanın merkezini değiştirdiğinde, haritanın mevcut konumunu ve yarıçapı gösteren API'de bir arama gerçekleştiriyorum. Mesele şu ki, bu değerleri tüm sayfayı yeniden yüklemeden url'de yansıtmak istiyorum. Mümkün mü? AngularJS 1.x kullanarak bazı çözümler buldum, ancak Angular 2 …

114 javascript  angular  routes  angular2-routing 

Şuna benzeyen bir veri hizmetim var: @Injectable() export class DataService { baseUrl = 'http://localhost' constructor( private httpClient: HttpClient) { } get(url, params): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'get', null, params) .map((res) => { return res as Object }) .toPromise(); } post(url, body): Promise<Object> { return this.sendRequest(this.baseUrl + url, 'post', …

114 angular  angular-httpclient 

mat-tableSıralamanın yerel olarak çalışmasını sağlamaya çalışıyorum ve verilerin beklendiği gibi gösterilmesini sağlayabilirken, başlık satırına tıklamak çevrimiçi örneklerde olduğu gibi sıralamayı yapmıyor (hiçbir şey olmuyor). Bu demoyu yerel olarak çalıştırmaya çalışıyorum: https://material.angular.io/components/sort/overview https://plnkr.co/edit/XF5VxOSEBxMTd9Yb3ZLA?p=preview Angular CLI ile yeni bir proje oluşturdum, ardından şu adımları izledim: https://material.angular.io/guide/getting-started İşte yerel dosyalarım: app.module.ts import { …

114 angular  angular-material 

Sunucuya giden ve bir nesneyi getiren bir ana bileşenim var: // parent component @Component({ selector : 'node-display', template : ` <router-outlet [node]="node"></router-outlet> ` }) export class NodeDisplayComponent implements OnInit { node: Node; ngOnInit(): void { this.nodeService.getNode(path) .subscribe( node => { this.node = node; }, err => { console.log(err); } ); …

114 angular  dependency-injection  angular2-routing 

Şu anda bir Angular 4 projesinin şifre sıfırlama sayfası üzerinde çalışıyorum. İletişim kutusunu oluşturmak için Açısal Malzeme kullanıyoruz, ancak müşteri iletişim kutusunun dışına tıkladığında otomatik olarak kapanacaktır. Kod tarafımız "kapat" işlevini çağırana kadar iletişim kutusunun kapanmasını önlemenin bir yolu var mı? Veya kapatılamaz bir model nasıl oluşturmalıyım ?

114 angular  dialog  modal-dialog  angular-material 

Ben bir arka uç geliştiricisiyim ve sadece Angular4 ile uğraşıyorum. Ben de bu kurulum eğitimini yaptım: https://www.youtube.com/watch?v=cdlbFEsAGXo . Bunu göz önünde bulundurarak, "container-Fluid" veya "col-md-6" sınıfını ve bunun gibi şeyleri kullanabilmek için uygulamaya nasıl önyükleme ekleyebilirim?

113 twitter-bootstrap  angular 

Angular2'de[disable] özniteliğe sahip bir düğmeyi devre dışı bırakabileceğimi biliyorum, örneğin: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> ama kullanarak bunu yapabilirsiniz [ngClass]veya [ngStyle]? Şöyle: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Teşekkürler.

113 html  angular  angular2-template  angular2-forms