AngularJS - 替換視圖或控制器中的值

Question

我需要綁定來自span元素中模型的值，但我需要替換某些字符。

我想我有兩個選項：

1. 調用JavaScript替換方法結合時：

   {{myValue.replace（ 「A」， 「A」）; }}

2. 有在控制器中的功能myReplace並調用它從視圖綁定時：

   //控制器： vm.myReplace =函數（串）{返回與string.replace（ 「一」， 「一個」）; } // 查看： {{vm.myReplace（值）}}

我想知道是否有任何其他選項，什麼是AngularJS推薦的方式（或最常見的方式）。謝謝。

Answer 1

我會去爲你描述的用例過濾器。這樣它也隨着你的文字改變而自動改變。

它是這樣的：

HTML：

<div>{{name | replaceA}}</div> 

篩選：

filterExample.filter('replaceA', function() { 
    return function (text) { 
     if (!text) { 
      return text; 
     } 

     return text.replace(/\a/g, 'A'); // Replaces all occurences 
    }; 
}) 

Fiddle