Javascript 我不想逃避HTML标记，也不想在Angular应用程序中使用object literal_Javascript_Angularjs

Javascript 我不想逃避HTML标记，也不想在Angular应用程序中使用object literal

javascript angularjs

Javascript 我不想逃避HTML标记，也不想在Angular应用程序中使用object literal,javascript,angularjs,Javascript,Angularjs,我是AngularJS的新手。我不想逃避HTML标记，并编写了下面的代码起初，在这个网站上，我成功地通过优秀的顾问，成功地避开了HTML标签第二，我想用代码也打开了。您可以定义一个secureHtml筛选器。该过滤器会将您的表达式信任为如下所示的HTML youApp.filter('secureHtml', function ($sce) { return function (input) { return $sce.trustAsHtml(input); }

我是AngularJS的新手。我不想逃避HTML标记，并编写了下面的代码

起初，在这个网站上，我成功地通过优秀的顾问，成功地避开了HTML标签

第二，我想用

代码也打开了。

您可以定义一个secureHtml筛选器。该过滤器会将您的表达式信任为如下所示的HTML

youApp.filter('secureHtml', function ($sce) {
    return function (input) {
      return $sce.trustAsHtml(input);
    }
  })

然后，您可以在模板中使用过滤器，如下所示：

<div ng-bind-html="harmlessSnippet | secureHtml"></div>

使用您的示例使用plunkr：

另一个选项是添加ngSanitize.js，这样您就不需要执行$sce.trustAsHtml

太糟糕了，我在手机上。不知道如何在手机中放置代码标签。

<div ng-bind-html="harmlessSnippet | secureHtml"></div>

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular-sanitize.js"></script>
  </head>

  <body>
    <script>
      angular.module('plunker', ['ngSanitize'])
      .controller('MainCtrl', ['$scope', '$sce', function($scope, $sce) { 
        $scope.phone = 
          {'name': 'Nexus S',
           'snippet': '<iframe width="560" height="315" src="//www.youtube.com/embed/-RRqZ7FAlG0?rel=0" frameborder="0" allowfullscreen></iframe>'};
        $scope.phone.snippet = $sce.trustAsHtml($scope.phone.snippet);

      }])
    </script>

    <div ng-controller="MainCtrl">
      <div ng-bind-html="deliberatelyTrustDangerousSnippet()"></div>

      <!-- ### Can we write like below? ### -->
      <div ng-bind-html="phone.snippet"></div>

    </div>    
  </body>

</html>