Question

我需要使用angular来评估属性值。问题是这个属性值有一个破折号（ - ）。

简而言之，我需要：

<div ng-attr-my-attribute="{{5+5}}"></div>

渲染成：

<div my-attribute="10"></div>

实际发生的是DOM只是逐字显示：

<div ng-attr-my-attribute="{{5+5}}"></div>

我觉得我需要使用ng-attr，因为当我不这样做时，例如：

<div my-attribute="{{5+5}}"></div>

完全按照：

呈现

<div my-attribute="{{5+5}}"></div>

使用angular 1.4.1

问题：如何将ng-attr与包含破折号的属性一起使用？

Answer 1

在某些情况下，例如，SVG DOM API的限制，你不能只需编写cx =“{{scope_var}}”。

只有在DOM API上有限制时才需要

ng-attr，否则您可以使用直接属性。对于div和其他标准HTML元素，您可以在不使用ng-attr的情况下直接访问属性。

ng-attr可以与-

一起使用

检查代码段：

angular.module('myApp', []);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular.min.js"></script>
<div ng-app="myApp">
  <p>Check value in browser inspect for div attribute</p>
  <div my-attribute="{{5+5}}"></div>
  <div ng-attr-my-attribute="{{5+5}}"></div>
  <svg>
    <circle cx="{{5+5}}"></circle>
  </svg>
</div>

ng-attr属性有破折号

1 个答案: