文本 angular 不会在 angularjs 中加载单元格边框

Question

我希望能够在文本 angular div.

中显示带有单元格边框的 table

内容呈现但单元格边框不呈现

标记

<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/

但是，如果我在没有文本 angular 的单独 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/

Answer 1

您是否在使用 angular-sanitize？这可能会通过 ng-model 干扰 HTML 属性。

Answer 2

一条经验法则 - 不要在 html 中使用内联样式。这是凌乱和过时的。一个简单的 css 规则可以解决您的问题，例如

table td {border: 1px solid black}

我在此处更新了您的 fiddle：http://jsfiddle.net/x20mfq44/1/

希望对您有所帮助！

文本 angular 不会在 angularjs 中加载单元格边框

Text angular doesnt load the cell borders in angularjs

javascript

angularjs

textangular