지시어 범위에 새 변수를 작성하십시오.

Question

지시문에서 새로운 범위 변수를 작성하려고합니다. 내 JSON 데이터의 단순화 된 버전으로 구성됩니다. HTML에서 복잡한 JSON 객체를 처리하지 않으려 고하므로 지시어로만 알려진 JSON 데이터 구조를 만들려고합니다.

알고 싶습니다. 어떻게 새로운 브랜드 변수를 만들 수 있습니까?

나는 이것을 시도하고 Angularjs는 콘솔에 많은 오류를 던졌습니다. 나는 그것에 대해 불평하는 것이 정확히 무엇인지 모른다.

angularApp.directive('viewPersonData', function() { 
    return { 
     restrict: 'E', 
     replace: true, 
     scope: { 
      addressData: '=', 
      professionalData: '=', 
      creditData: '=', 
     }, 
     templateUrl: 'viewPersonData.html', 
     link: linker 
    }; 

function linker(scope, element, attrs) { 

scope.showData= function() { 
       if(something) 
       { 

       //defining a new scope variable 
       scope.employees = []; 

       var firstname = "John"; 
       var lastname = "Smith"; 
       var employee = { 
        "firstname": firstname, 
        "lastname": lastname 
       } 

       scope.employees.push(employee); 

       return true; 
       } 

     } 
} 

}); 

HTML 템플릿 (viewPersonData.html)이 아래 코드를 통해 직원 데이터를 검색하더라도.

<tbody ng-repeat="employee in employees"> 
       <tr> 
        <td class="alnLt b" >{{employee.firstname}}</td> 

        <td class="alnLt b">{{employee.lastname}}</td> 
       </tr> 
       </tbody> 

나는 콘솔에 다음과 같은 오류를 참조하십시오

Error: 10 $digest() iterations reached. Aborting! 
Watchers fired in the last 5 iterations: [["fn: $watchCollectionWatch; newVal: 8; oldVal: 7","fn: function (context) {\r\n   try {\r\n   for(var i = 0, ii = length, part; i<ii; i++) {\r\n    if (typeof (part = parts[i]) == 'function') {\r\n    part = part(context);\r\n    if (part == null || part == undefined) {\r\n     part = '';\r\n    } else if (typeof part != 'string') {\r\n     part = toJson(part);\r\n    }\r\n    }\r\n    concat[i] = part;\r\n   }\r\n   return concat.join('');\r\n   }\r\n   catch(err) {\r\n   var newErr = new Error('Error while interpolating: ' + text + '\\n' + err.toString());\r\n   $exceptionHandler(newErr);\r\n   }\r\n  }; newVal: \"John\"; oldVal: undefined","fn: function (context) {\r\n   try {\r\n   for(var i = 0, ii = length, part; i<ii; i++) {\r\n    if (typeof (part = parts[i]) == 'function') {\r\n    part = part(context);\r\n    if (part == null || part == undefined) {\r\n     part = '';\r\n    } else if (typeof part != 'string') {\r\n     part = toJson(part);\r\n    }\r\n    }\r\n    concat[i] = part;\r\n   }\r\n   return concat.join('');\r\n   }\r\n   catch(err) {\r\n   var newErr = new Error('Error while interpolating: ' + text + '\\n' + err.toString());\r\n   $exceptionHandler(newErr);\r\n   }\r\n  }; newVal: \"Smith\"; oldVal: undefined"],["fn: $watchCollectionWatch; newVal: 9; oldVal: 8","fn: function (context) {\r\n   try {\r\n   for(var i = 0, ii = length, part; i<ii; i++) {\r\n    if (typeof (part = parts[i]) == 'function') {\r\n    part = part(context);\r\n    if (part == null || part == undefined) {\r\n     part = '';\r\n    } else if (typeof part != 'string') {\r\n     part = toJson(part);\r\n    }\r\n    }\r\n    concat[i] = part;\r\n   }\r\n   return concat.join('');\r\n   }\r\n   catch(err) {\r\n   var newErr = new Error('Error while interpolating: ' + text + '\\n' + err.toString());\r\n   $exceptionHandler(newErr);\r\n   }\r\n  }; newVal: \"John\"; oldVal: undefined","fn: function (context) {\r\n   try {\r\n   for(var i = 0, ii = length, part; i<ii; i++) {\r\n    if (typeof (part = parts[i]) == 'function') {\r\n    part = part(context);\r\n    if (part == null || part == undefined) {\r\n     part = '';\r\n    } else if (typeof part != 'string') {\r\n     part = toJson(part);\r\n    }\r\n    }\r\n    concat[i] = part;\r\n   }\r\n   return concat.join('');\r\n   }\r\n   catch(err) {\r\n   var newErr = new Error('Error while interpolating: ' + text + '\\n' + err.toString());\r\n   $exceptionHandler(newErr);\r\n   }\r\n  }; newVal: \"Smith\"; oldVal: undefined"],["fn: $watchCollectionWatch; newVal: 10; oldVal: 9","fn: function (context) {\r\n   try {\r\n   for(var i = 0, ii = length, part; i<ii; i++) {\r\n    if (typeof (part = parts[i]) == 'function') {\r\n    part = part(context);\r\n    if (part == null || part == undefined) {\r\n     part = '';\r\n    } else if (typeof part != 'string') {\r\n     part = toJson(part);\r\n    }\r\n    }\r\n    concat[i] = part;\r\n   }\r\n   return concat.join('');\r\n   }\r\n   catch(err) {\r\n   var newErr = new Error('Error while interpolating: ' + text + '\\n' + err.toString());\r\n   $exceptionHandler(newErr);\r\n   }\r\n  }; newVal: \"John\"; oldVal: undefined","fn: function (context) {\r\n   try {\r\n   for(var i = 0, ii = length, part; i<ii; i++) {\r\n    if (typeof (part = parts[i]) == 'function') {\r\n    part = part(context);\r\n    if (part == null || part == undefined) {\r\n     part = '';\r\n    } else if (typeof part != 'string') {\r\n     part = toJson(part);\r\n    }\r\n    }\r\n    concat[i] = part;\r\n   }\r\n   return concat.join('');\r\n   }\r\n   catch(err) {\r\n   var newErr = new Error('Error while interpolating: ' + text + '\\n' + err.toString());\r\n   $exceptionHandler(newErr);\r\n   }\r\n  }; newVal: \"Smith\"; oldVal: undefined"],["fn: $watchCollectionWatch; newVal: 11; oldVal: 10","fn: function (context) {\r\n   try {\r\n   for(var i = 0, ii = length, part; i<ii; i++) {\r\n    if (typeof (part = parts[i]) == 'function') {\r\n    part = part(context);\r\n    if (part == null || part == undefined) {\r\n     part = '';\r\n    } else if (typeof part != 'string') {\r\n     part = toJson(part);\r\n    }\r\n    }\r\n    concat[i] = part;\r\n   }\r\n   return concat.join('');\r\n   }\r\n   catch(err) {\r\n   var newErr = new Error('Error while interpolating: ' + text + '\\n' + err.toString());\r\n   $exceptionHandler(newErr);\r\n   }\r\n  }; newVal: \"John\"; oldVal: undefined","fn: function (context) {\r\n   try {\r\n   for(var i = 0, ii = length, part; i<ii; i++) {\r\n    if (typeof (part = parts[i]) == 'function') {\r\n    part = part(context);\r\n    if (part == null || part == undefined) {\r\n     part = '';\r\n    } else if (typeof part != 'string') {\r\n     part = toJson(part);\r\n    }\r\n    }\r\n    concat[i] = part;\r\n   }\r\n   return concat.join('');\r\n   }\r\n   catch(err) {\r\n   var newErr = new Error('Error while interpolating: ' + text + '\\n' + err.toString());\r\n   $exceptionHandler(newErr);\r\n   }\r\n  }; newVal: \"Smith\"; oldVal: undefined"],["fn: $watchCollectionWatch; newVal: 12; oldVal: 11","fn: function (context) {\r\n   try {\r\n   for(var i = 0, ii = length, part; i<ii; i++) {\r\n    if (typeof (part = parts[i]) == 'function') {\r\n    part = part(context);\r\n    if (part == null || part == undefined) {\r\n     part = '';\r\n    } else if (typeof part != 'string') {\r\n     part = toJson(part);\r\n    }\r\n    }\r\n    concat[i] = part;\r\n   }\r\n   return concat.join('');\r\n   }\r\n   catch(err) {\r\n   var newErr = new Error('Error while interpolating: ' + text + '\\n' + err.toString());\r\n   $exceptionHandler(newErr);\r\n   }\r\n  }; newVal: \"John\"; oldVal: undefined","fn: function (context) {\r\n   try {\r\n   for(var i = 0, ii = length, part; i<ii; i++) {\r\n    if (typeof (part = parts[i]) == 'function') {\r\n    part = part(context);\r\n    if (part == null || part == undefined) {\r\n     part = '';\r\n    } else if (typeof part != 'string') {\r\n     part = toJson(part);\r\n    }\r\n    }\r\n    concat[i] = part;\r\n   }\r\n   return concat.join('');\r\n   }\r\n   catch(err) {\r\n   var newErr = new Error('Error while interpolating: ' + text + '\\n' + err.toString());\r\n   $exceptionHandler(newErr);\r\n   }\r\n  }; newVal: \"Smith\"; oldVal: undefined"]] 
    at Error (native) 
    at Object.Scope.$digest (angular.js:8841:61) 
    at Object.Scope.$apply (angular.js:9012:24) 
    at done (angular.js:10265:45) 
    at completeRequest (angular.js:10449:7) 
    at XMLHttpRequest.xhr.onreadystatechange (angular.js:10404:11) 

Answer 1

링커 제거 및 지침의 컨트롤러 속성을 사용하기,

controller: function($scope){ 
    $scope.employees = [{ 
       "firstname": firstname, 
       "lastname": lastname 
    }]; 
} 

이 직원 데이터 구조를 만듭니다.

Answer 2

여기에 작동하는 플런커 Example New Variable가 있습니다.

링크를 클릭 할 때 showData()가 호출되도록 설정했습니다. 컨트롤러 초기화에만 사용하는 것이 좋습니다. @Carlos가 제안한 것처럼 컨트롤러 내부의 직원을 초기화하는 데 아무런 해가 없지만 필요하지 않은 경우 링크에있는 showData 메서드 내에서 만들 수 있습니다.

지침 :

<custom></custom> 

다른 문제가있는 경우는 지시어 설정을 확인합니다.