Pertanyaan yang diberi tag «angular-components»

Saya memiliki sejumlah elemen yang saya ingin terlihat dalam kondisi tertentu. Di AngularJS saya akan menulis <div ng-show="myVar">stuff</div> Bagaimana saya bisa melakukan ini dalam Angular 2+?

570 angular  angular-components  angular-template 

Apakah ada yang tahu cara mendapatkan elemen yang didefinisikan dalam templat komponen? Polimer membuatnya sangat mudah dengan $dan $$. Saya hanya ingin tahu bagaimana melakukannya di Angular. Ambil contoh dari tutorial: import {Component} from '@angular/core'; @Component({ selector:'display', template:` <input #myname (input)="updateName(myname.value)"/> <p>My name : {{myName}}</p> ` }) export class DisplayComponent …

516 angular  typescript  angular-components 

Saya punya komponen induk: <parent></parent> Dan saya ingin mengisi grup ini dengan komponen anak: <parent> <child></child> <child></child> <child></child> </parent> Templat induk: <div class="parent"> <!-- Children goes here --> <ng-content></ng-content> </div> Template anak: <div class="child">Test</div> Karena parentdan childdua komponen yang terpisah, gaya mereka dikunci ke ruang lingkup mereka sendiri. Pada komponen …

266 css  angular  angular-components 

Saya memiliki komponen dalam Angular 2 yang disebut my-comp: <my-comp></my-comp> Bagaimana satu gaya elemen host komponen ini di Angular 2? Di Polymer, Anda akan menggunakan pemilih ": host". Saya mencobanya di Angular 2. Tetapi tidak berhasil. :host { display: block; width: 100%; height: 100%; } Saya juga mencoba menggunakan komponen …

189 css  angular  css-selectors  angular-components 

Apakah ada cara pintas untuk mengganti nama komponen dengan CLI Angular selain mengedit secara manual semua file komponen seperti nama folder, .css, .ts, spec.ts dan app.module.ts?

178 angular  angular-cli  rename  angular-components 

Saya mencoba menggunakan komponen yang saya buat di dalam AppModule di modul lain. Saya mendapatkan kesalahan berikut: "Tidak tertangkap (berjanji): Kesalahan: Kesalahan parse templat: 'kontak-kotak' bukan elemen yang dikenal: Jika 'kontak-kotak' adalah komponen Angular, maka verifikasi bahwa itu adalah bagian dari modul ini. Jika 'kontak-kotak' adalah Komponen Web maka tambahkan …

135 angular  typescript  angular-components  angular-module 

Saya mengerjakan Ionicaplikasi ( 2.0.0-rc0) yang tergantung pada angular 2. Jadi pengantar baru ngModulesdisertakan. Saya menambahkan di app.module.ts.bawah saya . 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 …

131 angular  angular-components  angular-module 

Saya telah membuat komponen anak yang memiliki metode yang ingin saya panggil. Ketika saya memanggil metode ini, itu hanya mengaktifkan console.log()baris, itu tidak akan mengatur testproperti ?? Di bawah ini adalah aplikasi Angular mulai cepat dengan perubahan saya. Induk import { Component } from '@angular/core'; import { NotifyComponent } from …

130 angular  typescript  angular-components 

Saya mencoba membuat komponen khusus menggunakan beberapa ng-contentdi Angular 6, tetapi ini tidak berfungsi dan saya tidak tahu mengapa. Ini adalah kode komponen saya: <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class"> <ng-content select="#body"></ng-content> </div> Saya mencoba untuk menggunakan komponen ini di tempat lain dan membuat dua yang berbeda dalam kode …

95 angular  angular6  angular-components  ng-content