Javascript AngularJs：将输入的选定文件添加到数组中，并在ng repeat指令中显示文件名

我有一个关于AngularJs的有趣问题。我正在尝试创建图像文件的动态列表，用户可以在提交图像文件之前将其添加到数组中。我想添加的文件名将显示在列表中使用ng重复

<h5>Images</h5>                                        
<ul>
    <li data-ng-repeat="image in images">
        {{image.name}}
    </li>
</ul>
<button type="button" data-ng-click="addImage()">ADD IMAGE</button>

---

此回调发生在Angular应用程序的范围之外

尝试添加

$scope.$apply（）将新值推入以手动触发摘要后。有时有更好的方法可以做到这一点，但这至少会证实这是一个问题

input.onchange = function() {
  $scope.images.push({
    name: input.value.split(/(\\|\/)/g).pop(),
    file: input.files[0]
   });
  $scope.$apply()
};

此回调发生在Angular应用程序的范围之外

尝试添加
$scope.$apply（）将新值推入以手动触发摘要后。有时有更好的方法可以做到这一点，但这至少会证实这是一个问题

input.onchange = function() {
  $scope.images.push({
    name: input.value.split(/(\\|\/)/g).pop(),
    file: input.files[0]
   });
  $scope.$apply()
};

此回调发生在Angular应用程序的范围之外

尝试添加
$scope.$apply（）将新值推入以手动触发摘要后。有时有更好的方法可以做到这一点，但这至少会证实这是一个问题

input.onchange = function() {
  $scope.images.push({
    name: input.value.split(/(\\|\/)/g).pop(),
    file: input.files[0]
   });
  $scope.$apply()
};

此回调发生在Angular应用程序的范围之外

尝试添加
$scope.$apply（）将新值推入以手动触发摘要后。有时有更好的方法可以做到这一点，但这至少会证实这是一个问题

input.onchange = function() {
  $scope.images.push({
    name: input.value.split(/(\\|\/)/g).pop(),
    file: input.files[0]
   });
  $scope.$apply()
};

没错。我知道这和范围有关，没错。我知道这和范围有关，没错。我知道这和范围有关，没错。我知道这和范围有关。