Câu hỏi được gắn thẻ «angular»

Tôi đang cố gắng phát hiện sự thay đổi ngModeltrong <select>thẻ. Trong Angular 1.x, chúng tôi có thể giải quyết vấn đề này bằng $watchbật ngModelhoặc bằng cách sử dụng ngChange, nhưng tôi vẫn chưa hiểu cách phát hiện thay đổi đối với ngModelAngular 2. Ví dụ đầy đủ : …

97 javascript  angular 

Tôi không thể dịch mã này từ Angualr 1 sang Angular 2: ng-repeat="todo in todos | orderBy: 'completed'" Đây là những gì tôi đã làm sau câu trả lời của Thierry Templier: Mẫu thành phần: *ngFor="#todo of todos | sort" Mã thành phần: @Component({ selector: 'my-app', templateUrl: "./app/todo-list.component.html", providers: [TodoService], …

97 angular  angular2-template  angular-pipe 

Làm cách nào tôi có thể thêm một lớp vào thẻ body mà không đặt phần thân làm bộ chọn ứng dụng và sử dụng liên kết máy chủ? Tôi đã thử sử dụng Trình kết xuất nhưng nó thay đổi toàn bộ cơ thể Lớp liên kết Angular 2.x …

97 angular 

Tôi có một tập hợp các thành phần angle2 sẽ được đưa vào một số dịch vụ. Suy nghĩ đầu tiên của tôi là tốt nhất nên tạo một lớp siêu cấp và tiêm dịch vụ ở đó. Bất kỳ thành phần nào của tôi sau đó sẽ mở rộng …

97 inheritance  angular  typescript  inject  typescript1.8 

Tôi đang sử dụng ReactiveFormsModuleAngular2 để tạo một thành phần có chứa biểu mẫu. Đây là mã của tôi: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (với [formControl]): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> …

97 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

Tôi đang cố gắng sử dụng disabledthuộc tính từ a formControl. Khi tôi đặt nó vào mẫu, nó hoạt động: <md-input formControlName="id" placeholder="ID" [disabled]="true"></md-input> Nhưng trình duyệt cảnh báo tôi: Có vẻ như bạn đang sử dụng thuộc tính bị vô hiệu hóa với chỉ thị biểu mẫu phản ứng. …

97 angular  typescript 

Tôi đang cố gắng xây dựng ứng dụng angle2 để sản xuất mà tôi đang theo dõi blog này . Sau khi biên dịch thành công ngc của tôi khi quá trình biên dịch tsc diễn ra, nó tạo ra lỗi dưới đây được hiển thị trong hình ảnh: Sau …

97 angular  typescript  typescript-typings  angular2-aot 

Tôi muốn markAsDirtytất cả các điều khiển bên trong của a FormGroup.

97 angular 

Làm thế nào để khai báo một biến tham chiếu mẫu động bên trong một phần tử?ngFor Tôi muốn sử dụng thành phần cửa sổ bật lên từ ng-bootstrap, mã cửa sổ bật lên (có ràng buộc Html) như được hiển thị: <ng-template #popContent>Hello, <b>{{name}}</b>!</ng-template> <button type="button" class="btn btn-secondary" [ngbPopover]="popContent" …

97 angular  ng-bootstrap  angular-template 

Tôi đã tạo một dịch vụ SocketService, về cơ bản nó khởi tạo socket để cho phép ứng dụng lắng nghe trên cổng. Dịch vụ này cũng tương tác với một số thành phần. // socket.service.ts export class SocketService { constructor() { // Initializes the socket } ... } Tôi …

97 typescript  angular 

Tôi không biết cách trích xuất giá trị từ Observable để được trả về bởi hàm trong đó Observable có mặt. Tôi chỉ cần một giá trị từ nó để được trả lại, không có gì khác. Phiên bản hiện tại hoạt động function getValueFromObservable() { this.store.subscribe( (data:any) => { …

96 typescript  angular  rxjs  rxjs5 

Đây là thành phần của tôi trong Angular 4: @Component( { selector: 'input-extra-field', template: ` <div class="form-group" [formGroup]="formGroup" > <switch [attr.title]="field.etiquette" [attr.value]="field.valeur" [(ngModel)]="field.valeur" [formControl]="fieldControl" [attr.id]="name" [attr.disabled]="disabled"> </switch> <error-messages [control]="name"></error-messages> </div> ` } ) Đây là Lớp của tôi: export class SwitchExtraField extends ExtraField { @Input() field: ExtraFormField; @Input() entity: { …

96 angular  form-control 

Tôi đang cố gắng tạo một thành phần tùy chỉnh bằng cách sử dụng nhiều ng-contenttrong Angular 6, nhưng điều này không hoạt động và tôi không biết tại sao. Đây là mã thành phần của tôi: <div class="header-css-class"> <ng-content select="#header"></ng-content> </div> <div class="body-css-class"> <ng-content select="#body"></ng-content> </div> Tôi đang cố …

96 angular  angular6  angular-components  ng-content 

Tôi vừa tạo một thương hiệu mới góc-clidự án và chạy npm install bootstrap@4.0.0-beta jquery popper.js --save và thay đổi các phần liên quan của .angular-cli.json như bên dưới "styles": [ "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/popper.js/dist/popper.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ], tuy nhiên nhận được lỗi bên dưới 10:2287 Uncaught SyntaxError: Unexpected …

95 twitter-bootstrap  angular  webpack  popper.js 

Tôi hiện đang cố gắng tự học Angular2 và TypeScript sau khi vui vẻ làm việc với AngularJS 1. * trong 4 năm qua! Tôi phải thừa nhận rằng tôi ghét nó nhưng tôi chắc chắn rằng khoảnh khắc eureka của tôi đang ở gần ... dù sao, tôi đã …

95 typescript  angular  observable  rxjs