«angular» etiketlenmiş sorular

dateTarihimi biçimlendirmek için boruyu kullanıyorum , ancak geçici bir çözüm olmadan istediğim biçimi tam olarak alamıyorum. Boruları yanlış mı anlıyorum yoksa mümkün değil mi? //our root app component import {Component} from 'angular2/core' @Component({ selector: 'my-app', providers: [], template: ` <div> <h2>Hello {{name}}</h2> <h3>{{date | date: 'ddMMyyyy'}}, should be {{date | …

257 date  angular  angular-pipe  date-pipe 

ViewChild'i denerken hatayı alıyorum. Hata "" opts "için bir argüman sağlanmadı." Her iki @ViewChild hata veriyor. import { Component, OnInit, ElementRef, ViewChild, Output, EventEmitter } from '@angular/core'; import { Ingredient } from 'src/app/shared/ingredient.model'; @Component({ selector: 'app-shopping-edit', templateUrl: './shopping-edit.component.html', styleUrls: ['./shopping-edit.component.css'] }) export class ShoppingEditComponent implements OnInit { @ViewChild('nameInput') nameInputRef: ElementRef; …

249 angular  typescript 

Bir cevap kabul edilen cevap ise bir onay işareti göstermeye çalışıyorum: template: `<div ngIf="answer.accepted">✔</div>` Ama bu hatayı alıyorum: EXCEPTION: No provider for TemplateRef! (NgIf ->TemplateRef) Neyi yanlış yapıyorum?

247 angular  angular2-template 

Angular'da delegasyon kalıbı gibi bir şey uygulamaya çalışıyorum. Kullanıcı a'yı tıklattığında, nav-itemdaha sonra olayı dinleyen başka bir bileşen tarafından ele alınması gereken bir olay yayan bir işlevi çağırmak istiyorum. İşte senaryo: Bir Navigationbileşen var: import {Component, Output, EventEmitter} from 'angular2/core'; @Component({ // other properties left out for brevity events : …

244 angular  observer-pattern  observable  eventemitter  event-delegation 

Açısal 2'yi öğrenmeye çalışıyorum. @ViewChild Ek Açıklama'yı kullanarak bir üst bileşenden bir alt bileşene erişmek istiyorum . İşte bazı kod satırları: Gelen BodyContent.ts ben: import {ViewChild, Component, Injectable} from 'angular2/core'; import {FilterTiles} from '../Components/FilterTiles/FilterTiles'; @Component({ selector: 'ico-body-content' , templateUrl: 'App/Pages/Filters/BodyContent/BodyContent.html' , directives: [FilterTiles] }) export class BodyContent { @ViewChild(FilterTiles) ft:FilterTiles; …

242 typescript  angular 

Açısal 2'de fare olaylarının yayılmasını durdurmanın en kolay yolu nedir? Özel bir $eventnesneyi geçip stopPropagation()kendimi aramalı mıyım yoksa başka bir yol var mı. Örneğin Meteor'da falseolay işleyicisinden dönebilirim .

239 angular  dom-events  event-propagation 

Açısal 2.0.0-beta.7 kullanıyorum. Bir bileşen /path?query=value1, yönlendirildiği gibi bir yola yüklendiğinde /path. GET parametreleri neden kaldırıldı? Parametreleri nasıl koruyabilirim? Yönlendiricilerde bir hata var. Gibi bir ana rotam varsa @RouteConfig([ { path: '/todos/...', name: 'TodoMain', component: TodoMainComponent } ]) ve çocuğumun rotası şöyle @RouteConfig([ { path: '/', component: TodoListComponent, name: 'TodoList', …

237 typescript  angular 

Açısal cli 1.0.0-beta.5 (w / node v6.1.0) ile oluşturulan uygulamamızda bootstrap 4 (4.0.0-alpha.2) kullanmak istiyoruz. Bootstrap ve npm ile olan bağımlılıklarını aldıktan sonra, ilk yaklaşımımız bunları aşağıdakilere eklemekten ibaretti angular-cli-build.js: 'bootstrap/dist/**/*.min.+(js|css)', 'jquery/dist/jquery.min.+(js|map)', 'tether/dist/**/*.min.+(js|css)', ve bunları index.html <script src="vendor/jquery/dist/jquery.min.js"></script> <script src="vendor/tether/dist/js/tether.min.js"></script> <link rel="stylesheet" type="text/css" href="vendor/bootstrap/dist/css/bootstrap.min.css"> <script src="vendor/bootstrap/dist/js/bootstrap.min.js"></script> Bu iyi çalıştı ng …

234 angular  twitter-bootstrap  angular-cli  ngx-bootstrap 

Https://material.angular.io/components/component/dialog adresindeki dokümanları takip etmeye çalışıyorum, ancak aşağıdaki sorunu neden anlayamıyorum? Bileşene aşağıdakileri ekledim: @Component({ selector: 'dialog-result-example-dialog', templateUrl: './dialog-result-example-dialog.html', }) export class DialogResultExampleDialog { constructor(public dialogRef: MdDialogRef<DialogResultExampleDialog>) {} } Modülüme ekledim import { HomeComponent,DialogResultExampleDialog } from './home/home.component'; @NgModule({ declarations: [ AppComponent, LoginComponent, DashboardComponent, HomeComponent, DialogResultExampleDialog ], // ... Yine de …

232 angular  angular-material 

Bazı görevleri pencere yeniden boyut olay (yük ve dinamik olarak) dayalı gerçekleştirmek istiyorum. Şu anda benim DOM var aşağıdaki gibi: <div id="Harbour"> <div id="Port" (window:resize)="onResize($event)" > <router-outlet></router-outlet> </div> </div> Olay doğru şekilde tetikleniyor export class AppComponent { onResize(event) { console.log(event); } } Bu olay nesnesinden Genişlik ve Yüksekliği nasıl alabilirim? …

232 javascript  angular 

"Ng-bootstrap" ve "ngx-bootstrap" arasındaki fark nedir? Birbirleriyle ilişkili mi? Yoksa sadece eşzamanlı uygulamalar mı? Birisi ikisiyle birlikte çalıştı ve her ikisinin artılarını ve eksilerini verebilir / açıklayabilir mi? "Ng-bootstrap" ile https://ng-bootstrap.github.io/#/home ve "ngx-bootstrap" ile http://valor-software.com/ngx-bootstrap/ kastediyorum . Her ikisi de Açısal 4 ( AngularJS ile değil! ) Ve Bootstrap 4 …

231 angular  ng-bootstrap  ngx-bootstrap 

Ben daktilo bağlama ile kullanmaya çalıştım: npm install moment --save typings install moment --ambient -- save test.ts: import {moment} from 'moment/moment'; Ve olmadan: npm install moment --save test.ts: var moment = require('moment/moment'); Ancak moment.format () öğesini çağırdığımda bir hata alıyorum. Basit olmalı, herkes işe yarayacak bir komut satırı / içe …

231 typescript  angular 

Angular 4 uygulamasını test etmek için sahte bir web hizmeti oluşturmak için hangisi kullanılır?

229 angular  angular-httpclient  angular2-http 

data attributeBenim templategibi bir kullanmaya çalıştığımda , şöyle : <ol class="viewer-nav"> <li *ngFor="#section of sections" data-value="{{ section.value }}"> {{ section.text }} </li> </ol> Angular 2 ile çöküyor: İSTİSNA: Şablon ayrıştırma hataları: Bilinen bir yerel özellik olmadığı için 'sectionvalue' öğesine bağlanamıyor (" ] data-sectionvalue = "{{section.value}}"> {{section.text}} Açıkçası sözdiziminde bir şey …

229 angular  angular2-template 

Tiftik hata mesajı: src / app / detail / edit / edit.component.ts [111, 5]: for (... in ...) ifadeleri bir if ifadesiyle filtrelenmelidir Kod snippet'i (Bu bir çalışma kodudur. Angular.io form doğrulama bölümünde de mevcuttur ): for (const field in this.formErrors) { // clear previous error message (if any) this.formErrors[field] …

229 angular  angular2-forms  angular-cli  tslint