0

テキスト角度divにセル境界線のあるテーブルを表示できるようにしたいと思います。

コンテンツは表示されますが、セルの境界線は表示されません

マークアップ

<div ng-app="test">
    <div ng-controller="testController">
        <div text-angular name="testEditor" ng-model="htmlContent"></div>
    </div>
</div>

コントローラーコード

angular.module('test', ['textAngular'])

.controller('testController',

function($scope, $timeout, textAngularManager) {
    $scope.htmlContent = undefined;
    //$scope.htmlContent = '<p>Hello There!</p>';

    $timeout(function () {
        $scope.htmlContent = "<table><tr><td style ='border: 1px solid black'>aaaa</td><td style ='border: 1px solid black'>dddddd</td></tr><tr><td style ='border: 1px solid black'>fffff</td><td style ='border: 1px solid black'>ffffffff</td></tr></table>";
        //textAngularManager.refreshEditor('testEditor');
    }, 1000);

});

これは -> http://jsfiddle.net/x20mfq44/で実証されています

ただし、テキストを角張らずに別のjsfiddleでhtmlをレンダリングすると、セルの境界線が正常に表示されます。

<table>
<tr>
    <td style ='border: 1px solid black'>aaaa</td>
    <td style ='border: 1px solid black'>dddddd</td>
</tr>
<tr>
    <td style ='border: 1px solid black'>fffff</td>
    <td style ='border: 1px solid black'>ffffffff</td>
</tr>
</table>

https://jsfiddle.net/1xhfLpmq/

4

2 に答える 2

1

angular-sanitizeを使用していますか？これは、ng-model を介して HTML 属性を台無しにする可能性があります。

于 2015-10-21T18:43:34.873 に答える