我希望能够在文本 Angular div 中显示带有单元格边框的表格。
内容呈现,但单元格边框不呈现
标记
<div ng-app="test">
<div ng-controller="testController">
<div text-angular name="testEditor" ng-model="htmlContent"></div>
</div>
</div>
Controller 代码
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>
最佳答案
你在使用 Angular 清理吗?这可能会通过 ng-model 扰乱 HTML 属性。
关于javascript - 文本 Angular 不会加载 angularjs 中的单元格边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33266544/