0

我无法显示 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>

我需要查看格式..

提前致谢...

4

2 回答 2

0

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

<li><a href="#" data-ng-bind-html="$scope.adminContent"></a></li>
于 2013-10-24T14:33:55.380 回答
0

如果您使用较低版本的 angular js，您可以使用 ng-bind-html-unsafe decretive 如下所示。

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

如果您使用的是最新版本，则不推荐使用此法令，您可以自行实施法令。

请参阅http://jsfiddle.net/nehanagaraju/zB8pK/的小提琴，它在此处实现。

于 2014-01-21T12:18:15.893 回答