AngularJS와 지시어 구문

Question

미안이 멍청한 놈 질문 : AngularJS와 함께

, 나는 UI Bootstrap를 사용하여 ProgressBar를 표시합니다.

<progress percent="67"></progress> 

하지만 내 템플릿의 개체 값을하려고하면 나는 문제가 발생했습니다 :

값이 하드 코딩 된 경우이 지침은 잘 작동

<progress percent="{{ myobject.progress }}"</progress> 

오류 메시지 :

[Exception... "String contains an invalid character" code: "5" nsresult: "0x80530005 (InvalidCharacterError)" location: "http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js Line: 2"] 

누구나 올바른 구문을 제공 할 수 있습니까?

미리 감사드립니다.

Answer 1

각도 UI의 progress 지시자 범위 값에 대한 참조를 얻어 - 값 이중 괄호를 사용하여 결합되지 않는다. 각도 매개 변수를 구문 분석을 시도하였으며, { 및 }는 각도 표현 내부 유효하지 않기 때문에 오류를보고있다

<progress percent="myobject.progress"></progress> 

:

그래서, 당신은 당신의 코드는 단순히 싶어요.

Progress Bar documentation에서 올바른 사용법을 볼 수 있습니다. 속성에 중괄호가 없습니다.

Answer 2

따라서 지시어 속성의 분리 범위를 설정하여 올바르게 평가할 수 있도록해야합니다. 예를 들면 :는

App.directive('progressbar', function() { 
    return { 
     scope: { 
      percent: '=' // this is the isolate scope you want to set appropriately. 
     }, 
     ... 
    }; 
});