Angular DOM 修改时机

Question

我有一个控制器， 这会更改条形码扫描仪的"then" 中的一些值。

首先设置代码，然后设置"disabled" 变量，然后聚焦输入。

.then(function (barcodeData) {
    // Success! Barcode data is here                     
    $scope.selectProdotto = barcodeData;
    $scope.txtDisabled = false;
    var pageElements = document.querySelectorAll('input[type=number], input[type=text], textarea');
    var first_element = pageElements[1];
    first_element.focus();
});

我要关注的输入是 ;

<input class='input' type='number' ng-disabled="txtDisabled" />

现在的问题是我更改后输入仍然被禁用

$scope.txtDisabled = false;

所以当我做.focus() 它失败了。

在我的功能完成后，我的输入被正确启用。

所以我问什么时候将变量应用于 DOM ？ 如何等待输入准备好并启用焦点？

Answer 1

你试过了吗

.then(function (barcodeData) {
// Success! Barcode data is here                     
$scope.selectProdotto = barcodeData;
$scope.txtDisabled = false;
$scope.$apply();
var pageElements = document.querySelectorAll('input[type=number], input[type=text], textarea');
var first_element = pageElements[1];
first_element.focus();

});