如何在角度中使用指令

时间:2016-11-26 15:30:03

标签: angularjs

我从一个项目中复制了一些代码,我理解完整的项目,但我认为扫描仪是" .directive"如果我在这里chane任何东西文件没有uploding请helpme

Html代码

 <input type="file" name="attachment"  data-ak-file-model="tutorial.attachment" />

Angular.Js 如果我改变了&#34; akFileModel&#34;中的单个单词。在运行时文件没有uploding pleasse解释这部分我从https://www.codeproject.com/tips/878730/file-upload-using-angularjs-and-asp-net-mvc

复制了这个
 .directive("akFileModel", ["$parse",
            function ($parse) {
                return {
                    restrict: "A",
                    link: function (scope, element, attrs) {
                        var model = $parse(attrs.akFileModel);
                        var modelSetter = model.assign;
                        element.bind("change", function () {
                            scope.$apply(function () {
                                modelSetter(scope, element[0].files[0]);
                            });
                        });
                    }
                };
            }]);

2 个答案:

答案 0 :(得分:1)

在这种情况下指令的名称&#39; akFileModel&#39;绑定到HTML。由于html不区分大小写,因此更改为ak-file-model。

因此,如果您将指令名称更改为&#39; akChangeModel&#39;这将是html元素中的ak-change-model。

指向文档https://docs.angularjs.org/guide/directive

的链接

答案 1 :(得分:1)

了解如何命名 directive 并在HTML中使用

.directive("akFileModelsam", ["$parse",

<强>样品:

 <input type="file" name="attachment" class="form-control" data-ak-file-modelsam="tutorial.attachment" />