javascript - 将 Node webkit nwdirectory 绑定(bind)到 ngmodel

Question

Node-Webkit 公开了一种使用 <input type='file' nwdirectory/> 选择目录的方法但是如何将 Angular 模型绑定(bind)到所选文件夹？

我试过:

.directive("getDir", [function () {
    return {
        scope: {
            getDir: "="
        },
        link: function (scope, element, attributes) {
            element.bind("change", function (changeEvent) {
                scope.$apply(function () {
                    scope.getDir = changeEvent.target.files[0]
                })
            })
        }
    }
}])

在 Controller 的 HTML 上(部分路由):

{{ location }}

<div class="uk-form-file">
    <button class="uk-button">New Location</button>
    <input type="file" getDir="location" nwdirectory>
</div>

实际控制人:

.controller('HomeCtrl', function($scope) {

})

但在选择后 {{ location }} 上仍然没有任何显示

Answer 1

1. 在 html 中，您需要使用破折号分隔的样式，例如 getDir="location" 编写 get-dir="location"。参见 Angular Docs供引用。
2. 您想打印 {{ location }}，但在您的指令中，您将文件目标的值分配给 scope.getDir，因此您可以使用与 {{ getDir }}
相同的变量名

请查看jsfiddle中的固定码.

http://jsfiddle.net/aleksanyan/t34L60n1/29/