Question

我无法显示html内容以查看格式相同的html即将进入视图页面。

html部分：

    <div class="container main-container" ui-view="main"></div>

控制器部分：

    .config(function config( $stateProvider ) {
      $stateProvider.state( 'admin', {
        url: '/admin',
        views: {
          "main": {
           controller: 'AdminCtrl',
           template: '{{adminContent}}'
          }      
        }
      });
    }).controller( 'AdminCtrl', function AboutCtrl($scope, GetNavTemplate) {
       $scope.adminContent = '<ul><li>abcd</li><li>abcd</li></ul>';
    });

但在视图页面中显示：

<ul><li>abcd</li><li>abcd</li></ul>

我需要以视图格式..

提前致谢...

Answer 1

您可以使用ng-bind-html指令绑定HTML -

<li><a href="#" data-ng-bind-html="$scope.adminContent"></a></li>

Answer 2

如果使用较低版本的角度js，则可以使用 ng-bind-html-unsafe如下所示。

<div ng-bind-html-unsafe="adminContent"></div>

如果您使用的是最新版本，则不推荐使用此版本，您可以将自己实现为减量版本。

请参阅此处实施的http://jsfiddle.net/nehanagaraju/zB8pK/小提琴。

显示使用角度js中的模板查看的html内容

2 个答案: