ng-repeat在textarea中不起作用

Question

ng-repeat在textarea中无效。知道为什么吗？一旦我将它移到textarea之外，它就会起作用。

<textarea>
    <style ng-repeat="entry in bgTakeoverSettings.breakPoints">
      @media all and ({{entry.range}}: {{entry.bp}}px){
            {{bgTakeoverSettings.containerElements}}{
              width: {{entry.width - bgTakeoverSettings.padding * 2}}px;
            }

        }
    </style>
</textarea>

Answer 1

textarea的内容只是任意文字。因此，对于浏览器，ng-repeat只是纯文本，而不是它需要处理的指令。

仍然可以按代码生成媒体查询，如本主题所示：Generating CSS media queries with javascript or jQuery