Javascript 从函数外部调用一个变化的变量

在常量基础上获取inputFormat的值时遇到问题。发生的情况是，我运行我的网页/应用程序，$scope.width变量获取inputFormat的第一个值，然后停止。更改inputFormat的值后，它不会继续获取该值。因此，我的问题是，如何以更新$scope.width变量的方式调用inputFormat变量？我不熟悉angular和javascript，希望大家都能理解我的问题。谢谢你的帮助

以下是html的一部分，我将其称为$scope.width：

var slider = document.getElementById('test5');
noUiSlider.create(slider, {
    start: [1366],
    step: 1,
    range: {
        'min': 200,
        'max': 1920
    },
    format: wNumb({
        decimals: 0,
        postfix: 'px',
    })
});

var app = angular.module('myApp', []);

app.controller('myWidth', function ($scope) {
    $scope.width = inputFormat.value;

    $scope.$watch('width', function (newValue, oldValue) {
        console.log('Old:' + oldValue);
        console.log('New:' + newValue);
    });
    console.log($scope.width + ' - scope width');
});
var inputFormat = document.getElementById('input-format');
editorContainer = document.getElementById('editorContainer');
slider.noUiSlider.on('update', function (values, handle) {
    inputFormat.value = values[handle];
    //$(editorContainer).css('width', values[handle]);
});
inputFormat.addEventListener('change', function(){
    slider.noUiSlider.set(this.value);
});

style=“位置：绝对；顶部：10px；底部：10px；右侧：10px；左侧：10px；宽度：{{{width}；”
您应该使用并更改$scope.width..
这违背了角度测量的目的。您应该只使用双向绑定。好的，所以我尝试使用双向数据绑定，它绑定。但是当宽度的值改变时，我分配给ng模型（{{width}}）的div的宽度不会随之更新或改变。它获取一次值，然后停止，不再继续更新。你对如何改变这一点有什么想法吗？我对angular还是个新手，所以如果有些东西听起来不符合逻辑，那就是为什么，我仍然在学习angular背后的语法和逻辑。
<div class="" <!--id="editorContainer"--> style="position: absolute; top: 10px;    bottom: 10px; right: 10px; left: 10px; width: {{width}};"