Question

我使用ng-style填充元素的宽度。

代码：

<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 valable正在打印在html上（从开发者选项中查看）但是样式没有应用于它。

有人可以帮我解决这个问题吗？

Answer 1

我找到了解决这个问题的方法，我不必使用表达式标签，因为ng-style是一个角度指令，而摘要循环无论如何都会解析它。虽然表达式仍在解析变量，但它给ng-style语法带来了错误。所以，我已经使用了变量而没有使用表达式而且它有效。

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

Angular JS：ng-style在将数据传递给指令时不起作用

1 个答案: