Here's a directive I created:

HTML:

<p-test something="'bla'"></p-test>

JavaScript:

.directive('pTest', function() {
    return {
        scope: {
            something: '=?'
        },
        templateUrl: 'ponents/testTemplate.html',
        controller: 'testController'
    };
});

I'd like to be able to pass 'bla' as a string without the '', in the following way:

<p-test something="bla"></p-test>

I know it's possible via the attributes parameter in link, but it's irrelevant in this case (correct me if I'm wrong) as I'm passing these parameters directly to scope.

Here's a directive I created:

HTML:

<p-test something="'bla'"></p-test>

JavaScript:

.directive('pTest', function() {
    return {
        scope: {
            something: '=?'
        },
        templateUrl: 'ponents/testTemplate.html',
        controller: 'testController'
    };
});

I'd like to be able to pass 'bla' as a string without the '', in the following way:

<p-test something="bla"></p-test>

I know it's possible via the attributes parameter in link, but it's irrelevant in this case (correct me if I'm wrong) as I'm passing these parameters directly to scope.

• javascript
• angularjs
• angularjs-directive
• angularjs-scope

1 Answer 1

I'd like to be able to pass 'bla' as a string without the '', in the following way:

You would just need text binding (@) binding for that, instead of 2 way binding.

.directive('pTest', function() {
    return {
        scope: {
            something: '@?' //<-- Here
        },
        templateUrl: 'ponents/testTemplate.html',
        controller: 'testController'
    };
});

and with the text binding if you want to bind scope properties then use interpolation. i.e example if bla is a scope variable holding a string then just do:

 <p-test something="{{bla}}"></p-test>

Plnkr