从ng-model

Question

我正在尝试从ng-model设置iframe ng-src值。这是我的HTML代码。

<div ng-controller="simpleController">
         <label>Enter the URL: <input type="text" ng-model="url"/></label><br />
<iframe width="900" height="400" ng-src="{{url}}"></iframe>   

这是我的app.js代码

 .controller('simpleController',function($scope,$sce){
    $scope.url = $sce.trustAsResourceUrl("http://stackoverflow.com/");
 }

第一次加载页面时，它正常工作，意味着在iframe框中显示提到的URL，但是一旦我用其他URL更改输入文本框，就会抛出错误，

Can't interpolate: {{url}}
Error: [$sce:insecurl] Blocked loading resource from url not allowed by $sceDelegate policy.

任何人都可以帮我解决问题。是否可以在全球范围内声明 $ sce.trustAsResourceUrl 。或者我们可以在 $ scope.url 变量上使用$ watch函数。请帮我解决问题。