Defining a string in an angular directive

Question

<input type="file" my-file="angularVar" my-file-type="MY_STRING" />

angularVar is just a normal var on the scope, that I want to bind task-file to.

How do I make my-file-type accept a normal string though? Just something to pass through to the directive?

I have this:

scope: {
    taskFile: '=',
    taskFileType: '='
},

But what I want in my "link" logic is something like:

if (scope.myFileType != null && scope.myFileType == "MY_STRING") {
    // do something
}

How can I do that? Without it trying to bind to some non-existant var called MY_STRING.

Cheers

if you want to pass hardcoded value from the attribute then you could easily achieve by having attrs.myFileType inside your directive..no need to include that in your directive isolated scope.. — Pankaj Parkar
– Pankaj Parkar, Commented Nov 9, 2015 at 7:18

Anik Islam Abhi · Accepted Answer · 2015-11-09 07:15:55Z

1

Declare a variable in scope with @

Like this

scope : {
  myFileType:'@'
}

Then in html

<input type="file" my-file="angularVar" my-file-type="'MY_STRING'" />

answered Nov 9, 2015 at 7:06

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

I hope that should be single quote instead of tilde key.

@BhojendraNepal: that was backtick, not tilde. :)

Bhojendra Rauniyar · Accepted Answer · 2015-11-09 07:07:24Z

0

Use a single quote to denote it as a string and use @ binding instead of =:

 my-file-type="'MY_STRING'"

answered Nov 9, 2015 at 7:02

86k36 gold badges179 silver badges240 bronze badges