Pertanyaan yang diberi tag «angular»

Saya menggunakan sudut 2 dengan strategi hashlocation. Komponen dimuat dengan rute itu: "departments/:id/employees" Sejauh ini baik-baik saja. Setelah saya melakukan penyimpanan batch yang berhasil dari beberapa baris tabel yang diedit, saya ingin memuat ulang url rute saat ini melalui: this.router.navigate([`departments/${this.id}/employees`]); Tapi tidak ada yang terjadi, kenapa?

156 angular 

Saya menemukan sintaks tugas yang aneh di dalam template Angular 2. <template let-col let-car="rowData" pTemplate="body"> <span [style.color]="car[col.field]">{{car[col.field]}}</span> </template> Tampaknya let-coldan let-car="rowData"membuat dua variabel baru coldan caryang kemudian dapat diikat ke dalam template. Sumber: https://www.primefaces.org/primeng/#/datatable/templating let-*Disebut apakah sintaksis magis ini ? Bagaimana cara kerjanya? Apa perbedaan antara let-somethingdan let-something="something else"?

155 angular  angular2-template  primeng 

Saat membangun proyek angular 7 saya dengan --prod, saya memiliki peringatan di anggaran. Saya memiliki proyek angular 7, saya ingin membangunnya, tetapi saya mendapat peringatan: WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB ini adalah detail potongan: chunk {scripts} scripts.2cc9101aa9ed72da1ec4.js (scripts) 154 kB …

155 angular  build  production  ng-build 

Saya memiliki dua komponen sebagai berikut dan saya ingin memanggil fungsi dari komponen lain. Kedua komponen termasuk dalam komponen induk ketiga menggunakan direktif. Komponen 1: @component( selector:'com1' ) export class com1{ function1(){...} } Komponen 2: @component( selector:'com2' ) export class com2{ function2(){... // i want to call function 1 from …

154 angular  angular2-components 

Di Angular, saya mungkin memiliki bentuk yang terlihat seperti ini: <ng-form> <label>First Name</label> <input type="text" ng-model="model.first_name"> <label>Last Name</label> <input type="text" ng-model="model.last_name"> </ng-form> Di dalam pengontrol yang sesuai, saya dapat dengan mudah melihat perubahan pada isi formulir itu seperti: function($scope) { $scope.model = {}; $scope.$watch('model', () => { // Model has …

151 angular 

Saya memiliki modul ini yang memompilisasi perpustakaan eksternal bersama dengan logika tambahan tanpa menambahkan <script>tag langsung ke index.html: import 'http://external.com/path/file.js' //import '../js/file.js' @Component({ selector: 'my-app', template: ` <script src="http://iknow.com/this/does/not/work/either/file.js"></script> <div>Template</div>` }) export class MyAppComponent {...} Saya melihat bahwa importdengan ES6 spec statis dan diselesaikan selama pengalihan TypeScript daripada saat runtime. …

151 javascript  angular  typescript  ecmascript-6 

Saya telah membaca referensi cepat Sudut 1 ke 2 di situs web Sudut , dan satu hal yang saya tidak sepenuhnya mengerti adalah perbedaan antara karakter khusus ini. Misalnya yang menggunakan tanda bintang: <tr *ngFor="#movie of movies"> <td>{{movie.title}}</td> </tr> Saya mengerti di sini bahwa simbol hash (#) mendefinisikan moviesebagai variabel …

151 angular 

ng-container disebutkan dalam dokumentasi Angular 2 tetapi tidak ada penjelasan cara kerjanya dan kasus penggunaan apa. Ini khususnya disebutkan dalam ngPluraldan ngSwitcharahan. Apakah <ng-container>melakukan hal yang sama dengan <template>, atau tergantung apakah arahan ditulis untuk menggunakan salah satunya? Adalah <ng-container *ngPluralCase="'=0'">there is nothing</ng-container> dan <template [ngPluralCase]="'=0'">there is nothing</template> seharusnya sama? …

150 angular  typescript  angular2-template 

Saya mencoba memuat acara dari API saya sebelum komponen dirender. Saat ini saya menggunakan layanan API yang saya panggil dari fungsi ngOnInit komponen. EventRegisterKomponen saya : import {Component, OnInit, ElementRef} from "angular2/core"; import {ApiService} from "../../services/api.service"; import {EventModel} from '../../models/EventModel'; import {Router, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, RouteConfig, RouteParams, RouterLink} from 'angular2/router'; import …

149 typescript  angular  angular2-services  angular2-http 

Saya memutakhirkan proyek Angular 4 menggunakan benih sudut dan sekarang mendapatkan kesalahan Menemukan properti sintetis @panelState. Harap sertakan "BrowserAnimationsModule" atau "NoopAnimationsModule" di aplikasi Anda. Bagaimana saya bisa memperbaikinya? Apa sebenarnya pesan kesalahan yang memberitahu saya?

148 angular  typescript  angular-animations 

Saya telah mencari cara untuk melewati permintaan parameter ke panggilan API dengan baru HttpClientModule'sHttpClient dan belum menemukan solusi. Dengan Httpmodul lama Anda akan menulis sesuatu seperti ini. getNamespaceLogs(logNamespace) { // Setup log namespace query parameter let params = new URLSearchParams(); params.set('logNamespace', logNamespace); this._Http.get(`${API_URL}/api/v1/data/logs`, { search: params }) } Ini akan …

147 angular  typescript  http  lodash  angular-httpclient 

Saya memiliki elemen khusus: <div formControlName="surveyType"> <div *ngFor="let type of surveyTypes" (click)="onSelectType(type)" [class.selected]="type === selectedType"> <md-icon>{{ type.icon }}</md-icon> <span>{{ type.description }}</span> </div> </div> Ketika saya mencoba menambahkan formControlName, saya mendapatkan pesan kesalahan: Galat ERROR: Tidak ada accessor nilai untuk kontrol formulir dengan nama: 'surveyType' Saya mencoba menambahkan ngDefaultControltanpa hasil. Sepertinya …

146 javascript  angular  typescript  angular4-forms 

Saya memiliki JSONfile yang terlihat seperti berikut: { "primaryBright": "#2DC6FB", "primaryMain": "#05B4F0", "primaryDarker": "#04A1D7", "primaryDarkest": "#048FBE", "secondaryBright": "#4CD2C0", "secondaryMain": "#00BFA5", "secondaryDarker": "#009884", "secondaryDarkest": "#007F6E", "tertiaryMain": "#FA555A", "tertiaryDarker": "#F93C42", "tertiaryDarkest": "#F9232A", "darkGrey": "#333333", "lightGrey": "#777777" } Saya mencoba mengimpornya ke .tsxfile. Untuk ini saya menambahkan ini ke definisi tipe: declare module …

146 json  angular  typescript  angular8 

Saya menggunakan angular2 untuk pengembangan dan bertanya-tanya apakah ada alternatif untuk ng-disableddi angular2. Misalnya kode di bawah ini dalam angularJS: <button ng-disabled="!nextLibAvailable" ng-click="showNext('library')" class=" btn btn-info btn-xs" title="Next Lib >> {{libraries.name}}"> <i class="fa fa-chevron-right fa-fw"></i> </button> Hanya ingin tahu. Bagaimana cara mencapai fungsi ini? ada masukan?

145 angular  angular-directive 

Saya mencoba menguji komponen 4.1.0 sudut saya - export class CellComponent implements OnInit { lines: Observable<Array<ILine>>; @Input() dep: string; @Input() embedded: boolean; @Input() dashboard: boolean; constructor( public dataService: CellService, private route: ActivatedRoute, private router: Router, private store: Store<AppStore>) { } } Namun, tes "seharusnya membuat" yang sederhana melempar kesalahan samar …

145 angular  unit-testing  karma-jasmine  angular-cli