angular 10 대 흔 한 문제
1.ng-if 의 경우 페이지 의 요 소 를 대상 의 속성(data.x)에 직접 연결 하 는 것 이 아니 라 기본 변수(x)에 연결 합 니 다.ng-if 는 새로운 역할 영역 을 만 들 기 때문이다.
2.ng-repeat 가 배열 을 교체 할 때 배열 에 같은 값 이 있 으 면 어떤 문제 가 있 습 니까?어떻게 해결 합 니까? track by$index 를 추가 하면 해결 할 수 있 습 니 다.trace by 어떤 일반적인 값 도 가능 합 니 다.
3.ng-click 에 적 힌 표현 식 입 니 다.JS 원생 대상 의 방법 을 사용 할 수 있 습 니까?사용 할 수 없습니다.페이지 에 있 는 한 원생 의 JS 방법 을 직접 호출 할 수 없습니다.페이지 에 대응 하 는 Controller 의$scope 에 존재 하지 않 기 때 문 입 니 다.
<p>{{13.14 | parseIntFilter}}</p>
app.filter('parseIntFilter', function(){
return function(item){
return parseInt(item);
}
})
4.{now|'yyy-MM-dd'}이 표현 식 에서 세로 선과 뒤의 매개 변 수 는 어떤 방식 으로 사용자 정의 할 수 있 습 니까?ng 내 장 된 filter 는 9 가지 가 있 습 니 다.
날짜
통화
limitTo(배열 이나 문자열 길이 제한)
orderBy(정렬)
소문 자(소문 자)
uppercase(대문자)
number(숫자 를 포맷 하고 천 자리 구분자 와 수신 매개 변 수 는 소수점 자릿수 를 제한 합 니 다)
filter(하나의 배열 을 처리 하고 특정한 키 문자열 을 포함 하 는 요 소 를 걸 러 냅 니 다)
json(json 대상 포맷)
5.filter 는 두 가지 사용 방법 이 있 는데 하 나 는 바로 페이지 에 있 습 니 다.
<p>{{now | date : 'yyyy-MM-dd'}}</p>
다른 하 나 는 js 에서 사용 하 는 것 이다.
// $filter(' ')( , 1, 2,...)
$filter('date')(now, 'yyyy-MM-dd hh:mm:ss');
사용자 정의 filter
//
app.filter(' ',function(){
return function( , 1, 2,...){
//...
return ;
}
});
//
app.filter('timesFilter', function(){
return function(item, times){
var result = '';
for(var i = 0; i < times; i++){
result += item;
}
return result;
}
})
6.factory,service 와 provider 는 어떤 관계 입 니까?factory 는 대상 을 되 돌려 주 고 service 는 실례 화 대상 을 되 돌려 주 며 this 에 연 결 된 것 은 모두 접근 할 수 있 습 니 다.provider 는 강화 판 factory 로 설정 가능 한 factory 를 되 돌려 줍 니 다.
7.성능 문제
MVVM 프레임 워 크 로 서 데이터 의 양 방향 연결 을 실 현 했 기 때문에 대수 그룹,복잡 한 대상 에 성능 문제 가 있 을 수 있 습 니 다.
Angular 응용 성능 을 최적화 하 는 방법:
모니터링 항목 감소(예 를 들 어 변 하지 않 는 데이터 에 대해 단 방향 바 인 딩 을 사용 합 니 다)
주동 적 으로 색인 을 설정 합 니 다(track by 를 지정 합 니 다.간단 한 형식 은 기본적으로 자신 을 색인 으로 사용 합 니 다.대상 은 기본적으로$hashkey 를 사용 합 니 다.예 를 들 어 track by item.id 로 변경 합 니 다)
렌 더 링 데이터 양 을 낮 춥 니 다(예 를 들 어 페이지 를 나 누 거나 작은 데 이 터 를 가 져 올 때마다 필요 에 따라 다시 가 져 옵 니 다)
데이터 평면 화(예 를 들 어 트 리 구조 에 대해 평면 화 구 조 를 사용 하여 map 와 트 리 데 이 터 를 구축 하고 트 리 를 조작 할 때 평면 데이터 와 같은 인용 으로 인해 트 리 데이터 변경 은 원시 적 인 평면 데이터 로 동기 화 됩 니 다)
이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Angular에서 타사 스크립트 및 CSS 작업Angular 방식으로 회로도가 있는 외부 라이브러리를 추가하거나 모듈을 가져옵니다. Angular.json은 Angular 프로젝트의 모든 설정 파일이며 표준 JavaScript 및 CSS 파일과 함께 타사 라이브...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.