如何将范围变量传递给angular中的本机输入min属性?

时间:2016-11-16 19:25:23

标签: javascript angularjs

所以我正在使用Angular 1.5。我正在努力完成一些非常微不足道的事情。抱歉,如果这听起来有点偏,因为后端更像是我的堡垒。我要做的是将范围变量传递给输入属性。这是一个已知的问题吗?

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中。

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

回应minCompensation按预期工作但是minCompensation的参数min没有验证这导致我认为输入指令的min param存在能够识别范围变量的问题。

2 个答案:

答案 0 :(得分:1)

List<Integer> list = new ArrayList<Integer>(); for (int i=0; i <size; i++) { int day=rand.nextInt (365); if(list.contains(day)){ numTrailSuccesses++; break; }else{ list.add(day); } } 不在documentation中,因此我猜测它不接受角度表达。

您需要在min

中插入值

或者,您可以创建自己的ng-min and ng-max directives

答案 1 :(得分:0)

需要对范围值进行插值/评估。因此ng-attr属性将评估并绑定适当的值以及括号变量。

代码

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