当前位置: 首页 > 面试题库 >

角JS动态ng-src在1.2.0-rc.2中不起作用

养枫涟
2023-03-14
问题内容

我正在尝试在有角度的JS应用中实现视频元素,并且ng-src不会读取范围变量

我正在使用1.2.0-rc.2

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

<head>
   <script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>

   <script>
   var app = angular.module('ngView', []);
   function MyControl($scope){
      $scope.file = '1234.mp4';
   }
  </script>
  </head>
  <body ng-controller="MyControl">
      <video controls  ng-src="http://www.thebigdot.com/{{file}}"></video>
  </body>
</html>

如果我使用的是较旧版本的AngularJS库,则可以使用。

cdnjs.cloudflare.com/ajax/libs/angular.js/1.0.3/angular.min.js (works)

这是最新版本中的错误,还是故意将其禁用?解决方法是什么?


问题答案:

经过一些调试后,我发现错误是这样的:

Error: [$interpolate:noconcat] Error while interpolating: <http://www.thebigdot.com/>{{file}} Strict Contextual Escaping disallows interpolations that concatenate multiple expressions when a trusted value is required. See [http://docs.angularjs.org/api/ng.$sce](http://docs.angularjs.org/api/ng.%24sce)

http://errors.angularjs.org/1.2.0-rc.2/
$ interpolate / noconcat?p0 =
http%3A%2F%2Fwww.thebigdot.com%2F%7B%7Bfile%7D%7D at http:/
/code.angularjs.org/1.2.0-rc.2/angular.js:78:12

at $ interpolate(http://code.angularjs.org/1.2.0-rc.2/angular.js:6953:
17)at
nodeLinkFn的attrInterpolateLinkFn(http://code.angularjs.org/1.2.0-rc.2/angular.js:5367:27)(http://code.angularjs.org/1.2.0-rc。
2 /
angular.js:5121:13)(位于CompositeLinkFn(http://code.angularjs.org/1.2.0-rc.2/angular.js:4640:15)位于nodeLinkFn(http://code.angularjs。
org / 1.2.0-rc.2 /
angular.js:5115:24)在CompositeLinkFn(http://code.angularjs.org/1.2.0-rc.2/angular.js:4640:15)在compositeLinkFn(http://code.angularjs.org/1.2.0-rc.2/angular.js:4643:13)在publicLinkFn(http://code.angularjs.org/1.2.0-rc.2
/angular.js:4549:30),网址为http://code.angularjs.org/1.2.0-rc.2/angular.js:1157:27
angular.js:7861

本文介绍了正在发生的事情以及如何禁用严格的上下文转义:http :
//docs.angularjs.org/api/ng.$sce



 类似资料:
  • 我有这些包导入:Angular/Common Angular/Compiler Angular/Core Angular/HTTP Angular/Platform-Browser Angular/Platform Beta 17使用IE Shim:Node_modules/Angular2/es6/prod/src/testing/shims_for_ie.js Node_modules/Ang

  • 问题内容: 我有一个像这样的控制器: 当我尝试使用ng-click调用upload_variant_image函数时,它仅在绑定到静态DOM时才有效(当DOM加载时),我有这样的链接: 但是此元素是在DOM加载后动态添加的,因此ng-click不起作用。 但是当我在Rails中像这样更新DOM时,它不起作用: 问题答案: 我警告您,如果您通过Angular外部方法来操纵DOM,则可能不会完全接受A

  • 问题内容: 我在PhoneGap中遇到ngView的问题。 一切似乎都可以正常加载,我什至可以使用ng-controller使基本控制器正常工作。但是,当我尝试在ngView中使用路由时,什么也没发生。 index.html app.js 每次单击链接时,Eclipse记录器都会显示该链接,而在没有链接的情况下尝试该链接会引发一个错误,即找不到该路径。 从我在其他任何地方已经做好的准备,这应该可以

  • 问题内容: HTML jQuery 角度脚本 在这里,AngularJS的控制器部分中调用的函数不会从ng-click事件中触发。HTML已成功添加,但是ng- click无效。告诉我解决方案以使其正常工作 问题答案: 仍然不是一个完美的解决方案!!!-只是为了说明如何进行动态编译 不要将控制器用于dom操作-必须在指令的帮助下完成

  • 问题内容: 我在Angular中具有此功能,在其中添加了一个带有ng-click的新幻灯片。 不幸的是,动态创建的ng-click事件不起作用(ng-click在动态生成的HTML中不起作),由于它是控制器内部的函数而不是指令,因此如何解决此问题? 问题答案: 您需要在此处添加$ compile服务,该服务会将ng-click之类的角度指令绑定到您的控制器作用域。 然后将其附加到HTML: 您还可

  • 问题内容: 我正在将ng-table与动态列一起使用,使用http://bazalt-cms.com/ng- table/example/20中 的创建者示例 它工作得很好,直到我尝试使用transclude包裹指令之前,女巫导致标题消失,如http://plnkr.co/edit/mjYVEf所示。 index.html script.js 有人遇到过同样的问题吗? 问题答案: 为页眉定义模板,