Javascript Angular JS:ng样式在向指令传递数据时不起作用

Javascript Angular JS:ng样式在向指令传递数据时不起作用,javascript,angularjs,angularjs-directive,Javascript,Angularjs,Angularjs Directive,我使用ng样式填充元素的宽度 代码: <div ng-style="{'width':'{{cols}}'+'px'}" id="autocompleteSuggestions" class="autocompleteSuggestionsDropdown" ng-show="autoSuggestion && searchText.length>2"> 开发者选项预览 <div ng-style="{'width':'445'+'px'}" id=

我使用ng样式填充元素的宽度

代码

<div ng-style="{'width':'{{cols}}'+'px'}" id="autocompleteSuggestions" class="autocompleteSuggestionsDropdown" ng-show="autoSuggestion && searchText.length>2">

开发者选项预览

<div ng-style="{'width':'445'+'px'}" id="autocompleteSuggestions" class="autocompleteSuggestionsDropdown" ng-show="autoSuggestion &amp;&amp; searchText.length>2">

问题是我的cols valiable正在html上打印(从开发人员选项看),但是样式没有应用到html上


有人能帮我吗

我已经找到了解决这个问题的方法,我不必使用表达式标记,因为ng style是一个角度指令,digest cycle无论如何都会解析它。尽管wirting表达式仍在解析变量,但它给ng样式语法带来了错误。所以,我使用了这个变量,但没有使用表达式,它起作用了

<div ng-style="{width: cols+'px'}" id="autocompleteSuggestions" class="autocompleteSuggestionsDropdown" ng-show="autoSuggestion && searchText.length>2">


I事实上找到了方法:通过像这样使用它,ng风格本身就是一种插值,所以不需要{{}:)是的,vinod,我刚刚回答了这个问题。所以,我真傻:(