«angular-components» etiketlenmiş sorular

Belirli koşullar altında görünür olmasını istediğim bir dizi öğem var. AngularJS yazarım <div ng-show="myVar">stuff</div> Bunu Angular 2+ ile nasıl yapabilirim?

570 angular  angular-components  angular-template 

Bileşen şablonunda tanımlanan bir öğeyi nasıl ele geçireceğini bilen var mı? Polimer $ve ile gerçekten kolaylaştırır $$. Ben sadece Angular'da nasıl gidileceğini merak ediyordum. Öğreticiden örnek alın: import {Component} from '@angular/core'; @Component({ selector:'display', template:` <input #myname (input)="updateName(myname.value)"/> <p>My name : {{myName}}</p> ` }) export class DisplayComponent { myName: string = …

516 angular  typescript  angular-components 

Bir ana bileşenim var: <parent></parent> Ve bu grubu alt bileşenlerle doldurmak istiyorum: <parent> <child></child> <child></child> <child></child> </parent> Üst şablon: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> Alt şablon: <div class="child">Test</div> Yana parentve childiki ayrı bileşenler vardır, onların stilleri kendi kapsamı kilitlenmiştir. Ana bileşenimde yapmayı denedim: .parent .child { …

266 css  angular  angular-components 

Açısal 2'de my-comp adlı bileşenim var: <my-comp></my-comp> Açısal 2'de bu bileşenin ana bilgisayar öğesi nasıl şekillendirilir? Polimerde ": host" seçicisini kullanırsınız. Açısal 2'de denedim. Ama işe yaramıyor. :host { display: block; width: 100%; height: 100%; } Ayrıca bileşeni seçici olarak kullanmayı denedim: my-comp { display: block; width: 100%; height: 100%; …

189 css  angular  css-selectors  angular-components 

Bir bileşeni Açısal CLI ile yeniden adlandırmak için klasör adı, .css, .ts, spec.ts ve app.module.ts gibi tüm bileşen dosyalarını el ile düzenlemek dışında herhangi bir kısayol var mı?

178 angular  angular-cli  rename  angular-components 

AppModule içinde oluşturduğum bir bileşeni diğer modüllerde kullanmaya çalışıyorum. Yine de aşağıdaki hatayı alıyorum: "Yakalanmamış (sözde): Hata: Şablon ayrıştırma hataları: 'kişiler kutusu' bilinen bir öğe değil: 'Kontak kutusu' bir Açısal bileşen ise, bu modülün bir parçası olduğunu doğrulayın. 'Contacts-box' bir Web Bileşeni ise, bu mesajı bastırmak için bu bileşenin '@ …

135 angular  typescript  angular-components  angular-module 

Bağlı olan bir Ionicuygulama ( 2.0.0-rc0) üzerinde çalışıyorum angular 2. Böylece yeni giriş ngModulesdahildir. app.module.ts.Aşağıya ekliyorum . import { NgModule } from '@angular/core'; import { IonicApp, IonicModule } from 'ionic-angular'; import { MyApp } from './app.component'; import { Users } from '../pages/users/users'; @NgModule({ declarations: [ MyApp, Users ], imports: [ …

131 angular  angular-components  angular-module 

Çağırmak istediğim bir yönteme sahip bir alt bileşen oluşturdum. Bu yöntemi çağırdığımda, yalnızca console.log()satırı ateşler , testözelliği ayarlamaz ?? Aşağıda değişikliklerimle hızlı başlangıç ​​Angular uygulaması var. ebeveyn import { Component } from '@angular/core'; import { NotifyComponent } from './notify.component'; @Component({ selector: 'my-app', template: ` <button (click)="submit()">Call Child Component Method</button> ` …

130 angular  typescript  angular-components 

ng-contentAngular 6'da çoklu kullanarak özel bir bileşen oluşturmaya çalışıyorum , ancak bu çalışmıyor ve neden olduğuna dair hiçbir fikrim yok. Bu benim bileşen kodum: <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class"> <ng-content select="#body"></ng-content> </div> Başka bir yerde bu bileşeni kullanmak ve iki farklı HTML kodu içini işlemek çalışıyorum bodyve başlık …

95 angular  angular6  angular-components  ng-content