Question

我在使用ng-bind-html获取iframe时遇到了一些麻烦。我把所有数据放在一个数组中。我一直主要使用ng-bind-html将它们保存在一个地方。我似乎无法让它与iframe合作。

以下是我正在尝试做的一个例子。 override func viewDidAppear(animated: Bool) { self.performSegueWithIdentifier("loginAttempt", sender: self) } override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject!) { if (segue.identifier == "loginAttempt") { print("Hi segue is working") } } Plunker

你可以看到它并没有真正做任何事情。

Answer 1

$ sce ("Strict Contextual Escaping")是一种内置的角度服务，可自动清理模板中的内容和内部资源。

将外部来源和原始HTML 注入模板需要手动换行$sce。

在这个例子中，我们将创建一个简单的$ sce卫生过滤器：`。

Demo

.filter('sanitizer', ['$sce', [function($sce) {
     return function(content) {
          return $sce.trustAsResourceUrl(content);
      };
}]);

模板中的用法

<div ng-repeat="item in items">

    // Sanitize external sources
    <ifrmae ng-src="{{item.youtube_url | sanitizer}}">

    // Sanitaize and render HTML 
    <div ng-bind-html="{{item.raw_html_content| sanitizer}}"></div>

</div>

来自Angular Array的iframe视频使用ng-bind-html

1 个答案: