2016-11-16 1 views
0

그래서 Angular 1.5로 작업하고 있습니다. 나는 아주 사소한 것을 성취하려고 노력하고있다. 백엔드처럼 약간의 소리가 나면 죄송합니다. 내가 뭘 하려는지 입력 변수에 범위 변수를 전달합니다. 이것은 알려진 문제입니까?범위 변수를 네이티브 입력 min 속성에 각도로 전달하는 방법은 무엇입니까?

angular.module('CompDirective', 
    ['ngMaterial'] 
).directive('pitchButton', function(){ 
    return { 
     restrict: 'E', 
     scope: { 
      campaign: '=' 
     }, 
     templateUrl: '/static/html/compensation.html', 
     link: function(scope, element, attrs){ 
      scope.minCompensation = 100; 
     } 
) 

내 html로 예상대로 minCompensation에서 반향

<input 
    type="number" 
    ng-model='fields.monetary_compensation' 
    name="compensation" required 
    ng-pattern='/^[1-9]+[0-9]*$/' 
    placeholder="Compensation" 
    min="minCompensation" 
></input> 

는 작동하지만 minCompensation와의 param 분은 입력 지시의 분 PARAM은 범위 변수를 인식 할 수있는에 문제가 있다고 생각하는 날 리드하는 검증되지 않습니다.

답변

1

mindocumentation에 없으므로 각도 표현을 허용하지 않는다고 생각합니다.

당신은 당신이 ng-min and ng-max directives 자신을 만들 수 있습니다, 또는 <input ... min="{{minCompensation}}" />

에 같은 값을 보간 할 필요가있다.

+0

이상한. 그런데 왜 하드 코딩 된 값으로 작동합니까? 어쨌든, 나는 이것을 받아 들일 것이지만 나름의 해결책을 게시 할 것이다. – Dap

+1

'min'은 HTML5 속성이기 때문에 Angular 지시자가 아니다. 게시 한 솔루션에서 Angular 지시문을 사용하여 HTML5 속성을 동적으로 설정합니다. 더 좋은 방법입니다. – adam0101

0

범위 값을 계산/보간 할 필요가있다. 따라서 ng-attr 속성은 변수를 괄호로 묶는 것 외에도 적절한 값을 평가하고 바인딩합니다.

코드

<input 
    type="number" 
    ng-model='fields.monetary_compensation' 
    name="compensation" 
    placeholder="Compensation" 
    ng-attr-min="{{minCompensation}}" 
></input> 
관련 문제