绑定节点webkit nwdirectory到ngmodel

时间:2014-07-02 17:03:48

标签: javascript node.js angularjs node-webkit

Node-Webkit公开了一种选择<input type='file' nwdirectory/>目录的方法,但是如何将角度模型绑定到所选文件夹?

我试过了:

.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]
                })
            })
        }
    }
}])

并在控制器的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 }}

上选择后仍然没有显示任何内容

1 个答案:

答案 0 :(得分:1)

  1. 在html中,您需要使用短划线分隔的样式,而不是getDir="location"get-dir="location"。请参阅Angular Docs以供参考。
  2. 您想打印{{ location }},但在您的指令中,您要将文件目标的值分配给scope.getDir,因此您可以使用相同的变量名称打印它,例如{{getDir}}
  3. 请检查jsfiddle中的固定代码。

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