如何将angularJS值正确传递给指令以在方法中使用?

时间:2016-07-13 00:06:43

标签: javascript angularjs

我有一个在index.html中使用的指令,其中包含以下内容:

<choose-import data-file-type="FileValueIChoose"></choose-import>

我在js中的指令功能如下:

function chooseImport() {
    return {
        scope: {
            fileType: "@fileType"
        },
        restrict: "E",
        templateUrl: "/Static/Directives/ChooseImport.html"
    };
}

我的指令的HTML如下:

<div style="margin-top: 20px" data-ng-controller="uploadcontroller as vm">
{{fileType}}
<input type="button" data-ng-click="vm.TestUpload({{fileType}})" />
</div>

现在这会因为抱怨语法而出错。如果我使用

vm.testUpload('{{fileType}}') 

它只会传入一串&#39; {{fileType}}&#39;而不是我想要的实际值,在这种情况下&#34; FileValueIChoose&#34;。

如何传递值,以便可以在方法的vm.TestUpload()中使用?

注意:我只想将字符串值正确传入方法而不会出现语法错误。

0 个答案:

没有答案