각도 요소 래퍼 지시어 여기

Question

는 우리가 일반적으로 트위터 부트 스트랩 형태로 볼 수 코드 조각입니다 html :

<formy label-for="email" label-text="Enter Email"> 
     <input type="email" name="email" ng-model="member.email" required > 
</formy> 

각도로 지시 할 수 있습니까?

Answer 1

는 네, 그것은 수행 할 수 있습니다

app.directive('formy', function() { 
    return { 
     restrict: 'E', 
     transclude: true, 
     scope: { 
      labelText: "@", 
     labelFor: '@' 
     }, 
     template : '<div class="control-group">' + 
     '<label for="{{labelFor}}" class="control-label">{{labelText}}</label>' + 
     '<div class="controls" ng-transclude></div>' + 
     '</div>', 
     replace: true 
    }; 
}) 

데모 : Plunker