Question

这是我创建的指令：

HTML：

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

JavaScript的：

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

我希望能够通过＆＃39; bla＆＃39;作为不带＆＃39;＆＃39;的字符串，按以下方式：

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

我知道可以通过链接中的属性参数来实现，但在这种情况下它是无关紧要的（如果我错了，请纠正我），因为我将这些参数直接传递给范围。

Answer 1

我希望能够通过以下方式将'bla'作为不带''的字符串传递：

您只需要文本绑定（@）绑定，而不是双向绑定。

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

如果要绑定范围属性，则使用文本绑定，然后使用插值。例如，如果bla是一个包含字符串的范围变量，那么只需执行：

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

<强> Plnkr

AngularJS：指令 - 传递字符串而不必使用引号

1 个答案: