自定义指令不解析$ scope变量

Question

我有一个自定义指令但它没有解析$ scope变量filterValue，如果我用实际值代码替换它工作正常，

不工作： -

<tableau-viz 
height="'500px'" url="'https://public.tableau.com/views/USMassShooting2013-2015TrendsPerState/Story1?:embed=y'" filters={{filterValue}}> </tableau-viz>

工作： -

<tableau-viz height="'500px'" url="'https://public.tableau.com/views/USMassShooting2013-2015TrendsPerState/Story1?:embed=y'" filters="{'field1':['item1', 'item2'], 'dateField':{'min':startDate, 'max':endDate}}"> </tableau-viz>

我为此创建了一个Jsfiddle，请你看一下，https://jsfiddle.net/iakash/rdrgvn3r/39/

先谢谢

Answer 1

如果您希望指令中的解析值使用模板中的{{}}语法进行单向绑定，请更改指令对象：

过滤器：“=”过滤器：“@”

如果您想传递模型并维护双向绑定，请在模板中删除{{}}：

<tableau-viz height="'500px'" url="'https://public.tableau.com/views/USMassShooting2013-2015TrendsPerState/Story1?:embed=y'" filters="filterValue"> </tableau-viz>