syuichi-tsuji
4/20/2014 - 3:45 AM

【AngularJS】改行を有効にするためのフィルタ

【AngularJS】改行を有効にするためのフィルタ

<p ng-controller="testCtrl" ng-bind-html="iroha | noHTML | newlines"></p>
app = angular.module 'MyApplication'

app.filter 'noHTML', ->
  (text) -> text.replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/&/, '&amp;') if text?

app.filter 'newlines', ($sce) ->
  (text) -> $sce.trustAsHtml(if text? then text.replace(/\n/g, '<br />') else '')
  
app.controller 'testCtrl', ($scope) ->
  $scope.iroha = 'いろはにほへと ちりぬるを\nわかよたれそ  つねならむ\nうゐのおくやま けふこえて\nあさきゆめみし ゑひもせす'