요소 텍스트를 각도로 바인딩

Question

실제로 링크 기능을 사용하지 않고 요소의 텍스트에 바인딩 할 수 있습니까?

<blink>Text Here or {{ controllerText() }}</blink> 

// add a namespace for custom directives 
angular.module('mydirectives', []); 

angular.module('mydirectives').directive('blink', function() { 
    return { 
     restrict: 'E', 
     template: '<marquee scrollamount="100%">{{ can i do it here? }} </marquee>', 
     scope: { 
     // can i do it here? 
     } 
    }; 
}); 

Answer 1

원본 구성 요소의 내용을 템플릿과 병합하는 결합을 통해 수행됩니다. 템플릿의 ng-transclude 태그가 작동하려면이 태그가 필요합니다.

Answer 2

절대 할 수 있습니다.

는

scope: { 
    text: '=' 
} 

이 소자로부터 text 속성 값에 연결되는 분리 영역에 text 특성을 추가한다.

<blink text="fromController"></blink> 

그리고 바깥 쪽 컨트롤러에 그 fromController 속성을 추가 :

그래서 당신은 약간 HTML을 변경해야합니다.

Here's a (very annoying) fiddle.