ng-attr其中屬性有短劃線

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> 

角1.4.1

問題：如何使用ng-attr與中有破折號的屬性？

Answer 1

在某些情況下，例如，SVG DOM API的限制，您不能簡單地編寫cx =「{{scope_var}}」。

ng-attr只有在有對DOM API 限制否則你可以使用直接屬性必需的。對於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>