javascript - 当 src url 在 Angular 范围内时如何加载脚本？

Question

我正在尝试加载一些自定义脚本，这些脚本存储在数据库中，具体取决于我在客户端的一些逻辑。我的问题是如何上类。

我的 Controller :

'use strict';
angular.module('youshareApp')
    .controller('ShareCtrl',['$scope','$routeParams' ,'Projectservice',function     ($scope,$routeParams,Projectservice) {
 $scope.projectId=$routeParams.projectId;
 $scope.model.url="/api/v1/project/code/"+$scope.projectId;
...

}]);

我的看法:

<div class="container" ng-controller="ShareCtrl" style="margin-top: 50px;" >
<h3>You are currently contributing to : </h3>

<div class="row" style="margin-top: 10px;">
    <div class="col-md-6"><label class="lead">{{model.name}}</label></div>
</div>

<div class="row" style="margin-top: 10px;">
    <div class="col-md-6"><p class="lead" >{{model.description}}</p></div>
</div>
<script ng-src={{model.url}} />
</div>

我怎样才能让它工作？

我也试过这个post

在模板中使用:

    <div html-bind-unsafe='html'></div>

Controller 中的这个:

    $scope.html='<script src="'+$scope.model.url+'" />';

Answer 1

您必须声明该网址是安全的。您可以在这里阅读一些内容来做到这一点: https://docs.angularjs.org/error/ $sce/不安全

另一件可能发生的事情是您没有使用 ng-src。