angular 10 대 흔 한 문제

2826 단어 angular흔 한 문제
AngularJS 는 데이터 우선 의 프레임 워 크 로 볼 수 있 습 니 다.세 가지 측면 에서 데이터 모델 은 골조 이 고 보기 모델 과 업무 사건 은 혈육 입 니 다.보기 템 플 릿 과 명령 은 가죽 털 입 니 다.이 세 층 을 합치 면 살 아 있 는 웹 응용 이 형성 되 었 습 니 다.
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 와 트 리 데 이 터 를 구축 하고 트 리 를 조작 할 때 평면 데이터 와 같은 인용 으로 인해 트 리 데이터 변경 은 원시 적 인 평면 데이터 로 동기 화 됩 니 다)
이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!

좋은 웹페이지 즐겨찾기