AngularJS逃避我有一个很难从下面的语句</p> <p><code>on-mouseover="mouseover('{{landmark.name}}')"</code> 逃逸引号，其中<code>landmark.name="Duke's Car"</code></p> <p>我试着像各种解决方案报价

Question

：

$scope.escapeQuotes= function(str) { 
    return str 
     .replace(/('|\")/g, "\\$1") 
     .replace(/("|\")/g, "\\$1") 
    } 

但它似乎没有不工作。看起来像一个简单的问题，但我很难找到解决方案。任何指针都是受欢迎的。

Answer 1

我会说使用ng-mouseover相反，你不必担心逃避的东西

ng-mouseover="mouseover(landmark.name)" 

代码

$scope.mouseover = function(name){ 
    console.log("Value output:", name) 
} 

Answer 2

潘卡的回答是好，但如果你确实需要使用on-mousever，可以用HTML实体替换单引号和双引号，这样可以防止它们打破mousever函数调用的外引号：

on-mouseover="mouseover(\"{{ landmark.name.replace(/'/g, "'").replace(/"/g, """) }}\")" 

然后landmark.name可以安全地包含单个或引号，它不会导致任何问题。

所以，如果landmark.name等于`公爵的车”，你的HTML将renderlike这个（角编译之后）：

on-mousever="mouseover(\"Duke's Car\")" 

每当这是由浏览器渲染时，' HTML实体将成为一个单引号：'