각도 지침

Question

에 templateURL에서 ID에 액세스 나는 학교의 드롭 다운에서 제공하는 내 지시를

function campuses(){ 
    return{ 
     restrict: "AE", 
     scope:{ 
      display: "@", 
      optGroup: "@", 
      orderBy: "@", 
      showGrades: "@", 
      dirClass: "@", 
      campusCls: "@", 
      gradeCls: "@" 
     }, 
     transclude: true, 
     templateUrl: "XXXX/XXXXX/campus-dropdown/campus-template.html", 
     controller: campusCtrl, 
     link: campusLink 
    } 
} 

템플릿 URL

<div class="form-group {{campusCls}}"> 
<select 
id="campus-dropdown" 
class="form-control" 
ng-model="campusModel" 
ng-options="item.campusNum as item.campusLabel {{customGroupBy}} for item in campusList {{customOrderBy}} track by item.campusNum" 
title="{{display}} campuses"> 
    <option value="">Select all Campuses</option> 
</select> 

에 의해로드 된 HTML 파일

내가 겪고있는 주된 문제는 신분 교정이 내 지시어에 드롭되는 것입니다. 매번 나는 시도 document.getElementById를 또는 $ ('# 캠퍼스 - 드롭') 메신저는 다시 점점 null 값

나는 컨트롤러에 내 링크에서이 변수에 접근하지만 여전히 행운이 시도했습니다

Answer 1

당신에게 당신은 범위 이외의 사용자 지정 특성 이름이 뭔가를 생성/사용할 필요가

plunk 작업

scope:{ display: "@", optGroup: "@", ...} 

:이와 지시어에서 분리 범위를 만들 수 있습니다.

$scope.foo = { 
     display: "", 
     optGroup: "", 
     orderBy: "", 
     showGrades: "", 
     dirClass: "", 
     campusCls: "", 
     gradeCls: "" 
    } 

HTML : : 당신이 컨트롤러에서

<campus-dir foo="{{foo}}"></campus-dir> 

지침 :

foo: "@"