«angular» 태그된 질문

--prod를 사용하여 Angular 7 프로젝트를 빌드 할 때 예산에 경고가 있습니다. 각도 7 프로젝트가 있는데 빌드하고 싶지만 경고가 있습니다. WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB 다음은 청크 세부 정보입니다. chunk {scripts} scripts.2cc9101aa9ed72da1ec4.js (scripts) 154 kB [rendered] chunk {0} runtime.ec2944dd8b20ec099bf3.js (runtime) 1.41 …

155 angular  build  production  ng-build 

다음과 같은 두 가지 구성 요소가 있으며 다른 구성 요소에서 함수를 호출하려고합니다. 두 구성 요소는 지시문을 사용하여 세 번째 상위 구성 요소에 포함됩니다. 성분 1 : @component( selector:'com1' ) export class com1{ function1(){...} } 성분 2 : @component( selector:'com2' ) export class com2{ function2(){... // i want to call function …

154 angular  angular2-components 

Angular에서는 다음과 같은 형식이있을 수 있습니다. <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> 해당 컨트롤러 내에서 다음과 같이 해당 양식의 내용이 변경되었는지 쉽게 확인할 수 있습니다. function($scope) { $scope.model = {}; $scope.$watch('model', () => { // Model has updated }, true); } 다음은 JSFiddle 의 …

151 angular 

Angular 웹 사이트 에서 Angular 1 ~ 2 빠른 참조를 읽었 으며 완전히 이해하지 못한 것은이 특수 문자의 차이점이었습니다. 예를 들어 별표를 사용하는 예는 다음과 같습니다. <tr *ngFor="#movie of movies"> <td>{{movie.title}}</td> </tr> 여기서는 해시 (#) 기호 movie가 로컬 템플릿 변수로 정의된다는 것을 이해 하지만 이전의 별표는 무엇을 ngFor의미합니까? 그리고 필요합니까? …

151 angular 

<script>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 {...} 나는 알 importES6에 의한 사양은 정적 및 타이프 라이터가 아니라 런타임에보다 transpiling 동안 해결입니다. 어쨌든 file.js가 CDN 또는 로컬 …

150 javascript  angular  typescript  ecmascript-6 

ng-container Angular 2 설명서에 언급되어 있지만 작동 방식과 사용 사례에 대한 설명은 없습니다. 그것은 특히에서 언급 ngPlural하고 ngSwitch지시. <ng-container>와 같은 작업을 수행 합니까 <template>, 또는 명령 중 하나를 사용하도록 지시문을 작성했는지 여부에 따라 다릅니다. 아르 <ng-container *ngPluralCase="'=0'">there is nothing</ng-container> 과 <template [ngPluralCase]="'=0'">there is nothing</template> 동일해야합니까? 우리는 그들 중 하나를 어떻게 …

150 angular  typescript  angular2-template 

예를 들어 for 루프에 배치 한 사용자 지정 구성 요소를 만들었습니다. <div *ngFor="let view of views"> <customcomponent></customcomponent> </div> 출력은 다음과 같습니다. <customcomponent></customcomponent> <customcomponent></customcomponent> <customcomponent></customcomponent> 이러한 구성 요소의 수가 다를 수있을 때 @viewchild 구문 또는 다른 수단을 사용하여 이러한 구성 요소에 대한 참조를 얻는 방법을 알고 싶습니다. 구성 요소에 이름을 지정할 …

149 angular 

앵귤러 시드를 사용하여 Angular 4 프로젝트를 업그레이드했는데 오류가 발생합니다. 합성 속성 @panelState를 찾았습니다. 응용 프로그램에 "BrowserAnimationsModule"또는 "NoopAnimationsModule"을 포함하십시오. 이 문제를 어떻게 해결할 수 있습니까? 오류 메시지가 정확히 무엇을 알려줍니까?

148 angular  typescript  angular-animations 

나는 새와 API 호출에 쿼리 매개 변수를 전달할 수있는 방법을 찾고있다 HttpClientModule의 HttpClient및 해결책을 찾기 위해 아직있다. 이전 Http모듈을 사용하면 다음과 같이 작성할 수 있습니다. 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 }) } 그러면 다음 URL에 대한 …

147 angular  typescript  http  lodash  angular-httpclient 

나는이 JSON모양이 다음과 같이 해당 파일을 : { "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" } .tsx파일 로 가져 오려고 합니다. 이를 위해 이것을 유형 정의에 추가했습니다. declare module "*.json" { …

147 json  angular  typescript  angular8 

사용자 정의 요소가 있습니다. <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> formControlName을 추가하려고하면 오류 메시지가 나타납니다. 오류 오류 : 이름이 'surveyType'인 양식 제어에 대한 값 액세서가 없습니다. 나는 추가하려고 ngDefaultControl 성공하지 않고 . 입력 / 선택이 없기 때문에 …

146 javascript  angular  typescript  angular4-forms 

각도 응용 프로그램에서 앱 버전을 어떻게 표시합니까? 버전은 package.json파일 에서 가져와야합니다 { "name": "angular-app", "version": "0.0.1", ... } 각도 1.x에는 다음과 같은 HTML이 있습니다. <p><%=version %></p> 각도에서는 버전 번호로 렌더링되지 않고 그대로 ( <%=version %>대신 0.0.1) 인쇄됩니다 .

146 version  angular  package.json 

개발에 angular2를 사용하고 있으며 angular2에 대한 대안이 있는지 궁금합니다 ng-disabled. 예를 들어. 아래 코드는 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> 이 기능을 어떻게 달성 할 수 있습니까? 어떤 입력?

145 angular  angular-directive 

각도 4.1.0 구성 요소를 테스트하려고합니다. 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>) { } } 그러나 간단한 "만들어야한다"테스트는이 중대한 오류를 발생시킨다. NetworkError : 'XMLHttpRequest'에서 '보내기'를 실행하지 못했습니다 …

145 angular  unit-testing  karma-jasmine  angular-cli 

최근에 저는 각도 2를 가지고 놀기 시작했습니다. 지금까지는 굉장합니다. 그래서,를 사용하여 학습을 위해 데모 개인 프로젝트를 시작했습니다 angular-cli. 기본 라우팅 설정을 사용하면 헤더에서 일부 경로로 이동하고 싶지만 헤더가의 부모이므로이 router-outlet오류가 발생합니다. app.component.html <app-header></app-header> // Trying to navigate from this component <router-outlet></router-outlet> <app-footer></app-footer> header.component.html <a [routerLink]="['/signin']">Sign in</a> 이제 나는 그 구성 …

145 angular  typescript  angular2-routing