从指令

Question

我对Angular很新，并且似乎在理解范围方面有点费力。

我想要做的是将<input type="file">的内容绑定到控制器中的变量。由于Angular似乎不支持开箱即用，我使用的是this custom directive。我设法通过不同的DOM元素显示有关所选文件的信息，如下所示（简化）：

<div ng-controller="MyController as ctrl">
    <input type="file" ng-file-model="image"></input>
    <span ng-bind="image.name"></span>
</div>

所以＆＃39;图像＆＃39;现在在HTML上下文中定义。我认为这也足以在JS中的MyController中访问该文件，但$scope.image未定义。此外，我理想的做法是避免完全使用$scope，而是直接在我的控制器上设置变量，以便我可以通过this.image（在JS中）或ctrl.image访问它（用HTML格式）。

关于这个主题的所有现有问题/答案似乎已经假定了关于范围的大量知识，所以我希望有人可以用更简单的术语告诉我问题是什么（以及做什么）...谢谢。