angular 문제 처리

1. angular js의 두루

데이터를 전달할 때 데이터에 대한 처리를 자주 사용하는데 특히 데이터의 범람이 **angular이다.foreach**

var objs =[{a:”a1”},{a:”a2”}];
 
 angular.forEach(objs, function(data,index,array){
 
 //data array[index]
 
 console.log(data.a+'='+array[index].a);
 
});

objs: 옮겨다니는 집합 데이터: 옮겨다니는 현재 데이터 (값)//a1, a2... index: 옮겨다니는 현재 인덱스/1, 2, 3... array: 옮겨다니는 집합이 필요합니다. 매번 옮겨다니는 데이터는objs를 그대로 한 번 전송하고 다음 두 개의 인자를 쓰지 않아도 됩니다.

2.angularjs의 판단

html 페이지에서 때때로 조건에 따라 데이터를 보여줘야 한다.**ng-if는 데이터의 전시를 어떤 조건에 의존할 수 있도록 합니다 **

하선

상위권

3. 필터

입력 데이터를 수신하고 필터를 통해 특정한 규칙에 따라 처리한 후 결과를 되돌려줍니다. 컨트롤러에서 템플릿에 {{{{{표시할 표현식 釼 필터 이름 [:파라미터]}}}} 컨트롤러에 의존해서 $Filter를 주입할 수도 있습니다
내장 필터 1.date(날짜 서식) var dateFilter=$filter('date'), --------일반적인dateFilter(date,'yyy-MM-dd HH:mm:ss') 첫 번째 파라미터는 포맷할 대상을 표시하고, 두 번째 파라미터는 포맷할 포맷을 표시합니다
사용자 정의 필터 필터 필터 쓰기 방법

app.filter(‘ ’,function(){
  return function( ){  // 
 
  /* */ 
  return   
  }
})

4. 글로벌 변수

var을 통해 글로벌 variable를 직접 정의합니다. 이것은 순수한 js와 같습니다.

angularjsvalue로 전역 변수를 설정합니다.

angularjs constant로 전역 변수 설정하기

5.ng-repeat 오류 문제

콘솔 오류 메시지: [ngRepeat:dupes] Duplicates in a repeater are not allowed.Use 'track by' expression to specify unique keys
발견은 같은 내용의 중복으로 인해 발생한 해결 방안:ng-repeat 뒤에 track by $indexng-repeat="word in words track by $index"**$index**를 추가하면 순환할 때 원소의 하표를 0부터 시작합니다.

6.$http 서비스

http 서비스는 하나의 대상 파라미터를 받아들이는 함수입니다. 이 대상은 HTTP 요청을 생성하는 설정을 포함하고 있으며,promise 대상을 되돌려줍니다. success와 error 두 함수를 가지고 있으며, 체인으로 호출할 수 있습니다. $url:,method:,params: 이 키의 값은 문자열 맵이나 대상입니다. 검색 문자열로 변환되어 URL 뒤에 추가됩니다. (GET 요청을 보낼 때 사용) 데이터: 서버에 보내는 데이터 (POST 요청을 보낼 때 사용)
되돌아오는 것은 하나의 프로미스 대상, 1.success와 error 함수

      $http({
            url: " url.json",
           method:"GET"
            }).success(function(){  
             // 
           }).error(function(){             //  
            })

2.then 방법으로 처리하면 매개 변수는 두 함수이다

         $http({
              url: " url.json",
              method:"GET"
            }).then(function(){
               // 
             },function(){
              //  
           })

7.ng-options의 매개 변수 상황

예:javascript

$scope.School = [
{
            "id": 27,
            "name": " ",
            "status": 0,
   "city":" "
        },
        {
            "id": 29,
            "name": " ",
            "status": 0,
   "city":" "
        },
        {
            "id": 1,
            "name": " （ ）",
            "status": 0,
   "city":" "
        },
        {
            "id": 10,
            "name": " ",
            "status": 0,
   "city":" "
        },
        {
            "id": 11,
            "name": " ",
            "status": 0,
   "city":" "
        }
    ]

html<1> 기본 드롭다운 메뉴 label forvalue in array

 --   --

여기 표현식의value 즉 m은 School 그룹에서 원소를 꺼낼 때마다 label 즉 여기 s.name가 출력된 결과를 나타냅니다
<2> 사용자 정의 드롭다운 메뉴 label forvalue in array

 --   --

여기 표현식의value 즉 m은 School 그룹에서 매번 원소 label 즉 여기 (s.id+'-'+s.name)를 꺼내면 출력의 디스플레이 결과입니다 (출력 스타일을 사용자 정의할 수 있습니다)
<3> 그룹 드롭다운 메뉴 label group by group for value in array

 --   --

디스플레이 결과는 다음과 같습니다: 표현식bygroup 즉 여기 s.city는 이 속성을 조건으로 그룹을 선별합니다
<4> 사용자 정의 select의ngModel 값 select as label forvalue in array

--   --

select as label: label은 표시된 값을 대표하고, select는 현재 되돌아오는 값을 가리킨다. 만약 현재 선택한 것이 '북경대학' 이라면 $scope를 가리킨다.Select4=27