Angularjs - 將<br/>轉換爲純文本

Question

我的文字不會轉換爲純文本，其中包含<br/> html標記。

我想是這樣的

Hi 

I'm Nurdin !! 

不

Hi <br/> <br/> I'm Nurdin!! 

HTML

<textarea name="" cols="" rows="" class="form-control" ng-model="rule.message" ></textarea> 

JS

xxxxxControllers.controller('MemberRuleUpdateCtrl', ['$scope', '$routeParams', 
    '$location', '$http', 
    function($scope, $routeParams, $location, $http) { 
     $scope.rule = {}; 
     $http({ 
      method: 'GET', 
      url: 'http://xxxxx.my/api/get_rule_details.php?ruleId=' + $routeParams.ruleId 
     }). 
     success(function(data, status, headers, config) { 
      $scope.rule = { 
       message: data.rule[0].message 
      }; 
     }). 
     error(function(data, status, headers, config) { 
      alert("No internet connection."); 
     }); 
    } 
]); 

請指教。謝謝。

Answer 1

提供了HTML格式被保存到你的數據庫/數據源如下

<div ng-bind-html="rule.message" >將遵循格式顯示它。

您還需要將角度消毒模塊包含到您的項目中。

編輯

閱讀您的問題後，我再次我想我誤會了一點所以這裏是一個更詳細的解答。

1. 如果你想看看如何正確地顯示HTML編碼字符串在div看看這個花掉http://plnkr.co/edit/cPSfL8Y0WWpTVxWo4OyR?p=preview

2. 如果你想在一個textarea同時顯示HTML編碼字符串保持格式 - 這是不可能的 - 據我所知，textarea不處理HTML。

3. 如果仍然要在「textarea`與格式化你需要使用像這樣http://textangular.com/顯示HTML編碼字符串 - 它取代你的textarea的一個DIV的外觀和行爲像textarea的，因此它爲什麼能顯示合適的HTML格式