lastmoon

Angular-CLI가 Angular Project에서 '모델'에 대한 명령을 생성하지 않는 이유는 무엇입니까? Angular에 대해 배우는 동안 나는 'Component', 'Services', 'Interface', 'Pipes' 등 Angular의 개별 부품을 생성하기 위해 다양한 Angular-CLI 명령을 수행했습니다. Angular-CLI를 통해 Angular Item 생성 ng g c components/comp-1 //generates component ng g s services/service-1 // generates service ng g i interfaces/interface-1 // generates interface 그런데 '모델'에 대해 generate 명령이 없는 이유가 놀..

Angular2 구성요소 @입력 양방향 바인딩 데이터 구동 Angular 애플리케이션이 있습니다.토글 상태로 통과하는 토글 부품이 있습니다.문제는 토글 부울을 객체로 전달하지 않으면 양방향 데이터 바인딩이 작동하지 않는 것 같습니다.EventEmitter를 사용하거나 변수를 개체로 전달하지 않고 이 작업을 수행할 수 있는 방법이 있습니까?이는 재사용 가능한 구성 요소이며 애플리케이션은 데이터 구동이 심하므로 옵션이 아닌 개체로 값을 전달합니다.내 코드는.. 토글토글 toggle.component.ts import { Component, Input, EventEmitter, Output } from '@angular/core'; @Component({ moduleId: module.id, selector:..

@Input()을 사용한 각도2 단위 테스트 제가 부품을 가지고 있어요.@Input()인스턴스 변수에 대한 주석과 나는 내 단위 테스트를 작성하려고 합니다.openProductPage()방법이 있습니다만, 유닛 테스트를 어떻게 설정해야 할지 좀 막막합니다.저는 그 사례를 공개할 수는 있겠지만, 굳이 그것에 의존할 필요는 없다고 생각합니다. 모의 제품을 주입(제공)하고 테스트할 수 있도록 재스민 테스트를 어떻게 설정합니까?openProductPage()방법? 내 구성요소: import {Component, Input} from "angular2/core"; import {Router} from "angular2/router"; import {Product} from "../models/Product"; @..

angular cli 프로젝트에 node_modules의 자산을 포함하는 방법 Angular CLI 프로젝트에 외부 라이브러리의 자산을 포함하는 방법 아래에서 시도하고 있지만 작동하지 않습니다. "assets": [ "../node_modules//assets/" ] 스크립트는 잘 작동하지만, "scripts": [ "../node_modules//some.js", "startup.js" ] Angular 버전 : 2.4.1 Angular CLI : 1.0.0-베타.24 제안할 것이 있습니까?이제 존재합니다! 수정 번호 3555 사용하려면 .angular-cli.json 파일을 다음과 같이 업데이트하십시오. 각도 버전 2-5: "assets": [ "assets", { "glob": "**/*", "in..

Angular에서 SAS와 함께 부트스트랩 4를 사용하는 방법 Angular CLI로 만든 Angular(4+) 프로젝트에서 SAS와 함께 Bootstrap 4를 사용하고 싶습니다. 특히 필요한 것은 다음과 같습니다. 글로벌 스타일 및 구성 요소 스타일로 CSS 대신 SAS 사용 사용자 정의 *.scss 스타일과 함께 부트스트랩 SAS 소스 컴파일 부트스트랩 소스 자체를 편집하지 않고 필요할 때 부트스트랩 소스를 재정의할 수 있도록 내 사용자 지정 스타일이 부트스트랩 소스를 재정의하는지 확인합니다(부트스트랩 소스 버전을 쉽게 업그레이드할 수 있음). 및 모두)이 *.(*.scss 될 때마다 watch & auto-ilile을 합니다.ng serve SASS를 사용하여 Angular + Bootstrap ..

Angular 2: 각 루프가 아닌 for 루프를 작성하는 방법 Angular 2를 사용하여 템플릿에서 선을 여러 번 복제하려고 합니다.물체 위에서 반복하는 것은 쉽습니다.*ngFor="let object of objects"하지만, 저는 간단한 것을 실행하고 싶습니다.for루프가 아닌foreach루프. (의사 코드)와 같은 것. {for i = 0; i < 5; i++} Something {endfor} 어떻게 해야 하나요?렌더링할 시간의 배열을 동적으로 생성할 수 있습니다.Something그리고 나서 하라.ngFor그 컬렉션 위에.또한 당신은 사용할 수 있습니다.index현재 요소의. 마크업 {{currentElementIndex}} Something 코드 createRange(number){ // ..

아리아 레이블에 동적 데이터를 바인딩하는 방법은 무엇입니까? 바인딩할 동적 텍스트가 있습니다.aria-labelHTML 페이지에서.이것은 Angular 2 앱입니다.나는 다음과 같은 것을 사용하고 있습니다. aria-label="Product details for {{productDetails?.ProductName}}" 하지만 오류가 발생합니다. 'aria-label'은 'div'의 알려진 속성이 아니므로 'aria-label'에 바인딩할 수 없습니다. 이것에 대한 해결책이 있습니까?그냥 사용하기attr.아리아 레이블 앞: attr.aria-label="Product details for {{productDetails?.ProductName}}" 또는 [attr.aria-label]="'Product ..

Angular2+ 자동 포커스 입력 요소 입력 요소를 자동 포커스하려면 어떻게 해야 합니까?이 질문과 비슷하지만 AngularDart에서는 그렇지 않습니다.이와 같은 것: //or Angular2는 이 기능을 지원하는 빌드가 있습니까? 가장 가까운 질문은 이것입니다. 하지만 "입력 상자 목록"이 없기 때문에 더 짧고 쉬운 해결책은 없을까요?제공된 링크*ngFor="#input of inputs"사용되고 있지만 제어 템플릿에 입력된 것은 하나뿐입니다.현재 코드는 다음과 같습니다. import { Directive, ElementRef, Input } from "@angular/core"; @Directive({ selector: "[autofocus]" }) export class AutofocusDire..

'Entries' 속성이 'ObjectConstructor' 유형에 없습니다. 저는 ng2 구현 작업을 하고 있습니다.다음 함수 호출을 사용하여 개체를 배열로 변환합니다. var authors = Object.entries(responseObject.Authors); 이것은 표준 js 함수입니다.그러나 ts 컴파일러는 다음 오류를 반환합니다. "Property 'entries' does not exist on type 'ObjectConstructor'" 빠른 Google에 따르면 컴파일러 옵션 대상 속성을 es5에서 es6으로 변경하는 것이 해결책인 것 같습니다.그러나 이전 문제에 대한 몇 가지 사전 조사 후 아래의 tsconfig.json에 추가 "lib" 속성을 포함함으로써 es6 기능을 활용할 수..

Angular 9 + CLI(TypeScript) - .spec.ts 테스트 파일 생성을 중지하는 방법 나쁜 관행인 건 알지만, 참아주세요. 특히 Angular-CLI를 사용하고 있습니다.ng g내 모든 수업을 생성하는 것.하지만, 저는 어떤 것에도 관심이 없습니다.*.spec.ts테스트 파일나는 두 개의 깃발이 있다는 것을 압니다.--inline-template,--inline-style) 분리된 파일 대신 인라인 CSS와 HTML을 처리하고, 사양을 지정합니다.--spec플래그는 기본적으로 true로 설정되어 있습니다. 그래서 매번 달릴 때마다, 네, 저는 할 수 있습니다.ng g c foo --it --is --spec=false. 하지만 테스트 파일 생성을 글로벌하게 비활성화하려면 어떻게 해야 합..