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實體將成爲一個單引號：'