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

Javascript 如何将范围变量传递给angular中的本机输入min属性?,javascript,angularjs,Javascript,Angularjs,所以我用的是Angular 1.5。我正试图完成一件非常琐碎的事情。抱歉,如果这听起来有点不对劲,因为后端更像是我的堡垒。我要做的是将范围变量传递给输入属性。这是一个已知的问题吗 angular.module('CompDirective', ['ngMaterial'] ).directive('pitchButton', function(){ return { restrict: 'E', scope: { campa

所以我用的是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的param min没有进行验证,这使我相信输入指令的min param能够识别范围变量存在问题

min
不在中,因此我猜它不接受角度表达式

您需要插入值,如


或者,您可以创建自己的。

min
不在中,因此我猜它不接受角度表达式

您需要插入值,如


或者,您可以创建自己的。范围值需要插值/计算。因此,除了将变量括起来外,属性还将计算并绑定适当的值

代码


需要插值/计算范围值。因此,除了将变量括起来外,属性还将计算并绑定适当的值

代码



奇数。为什么它会使用硬编码的值?无论如何,我会接受这一点,但也会发布我自己的解决方案,因为
min
是HTML5的属性,而不是角度指令。在您发布的解决方案中,您正在使用Angle指令动态设置HTML5属性,这是一种更好的方法。为什么它会使用硬编码的值?无论如何,我会接受这一点,但也会发布我自己的解决方案,因为
min
是HTML5的属性,而不是角度指令。在您发布的解决方案中,您使用Angle指令动态设置HTML5属性——这是一种更好的方法。
<input
    type="number"
    ng-model='fields.monetary_compensation'
    name="compensation" 
    placeholder="Compensation"
    ng-attr-min="{{minCompensation}}"
></input>