javascript - angular scope assign img src 会先发出错误的请求

标签 javascript angularjs

<分区>

这是我的网页

<!DOCTYPE html>
<html ng-app>
    <head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
    </head>
    <body ng-controller="imgController">
    <img src={{imgsrc}} />
    <script type="text/javascript">
     var imgController=function($scope){
      $scope.imgsrc='http://su.bdimg.com/static/superpage/img/logo_white.png';
    };
    </script>
    </body>
</html>

这只是一个例子,我想通过 Angular 范围分配一个图像 src,但是在 Angular 工作之前,broswer 将首先请求 url {{imgsrc}}。当然,这是一个错误的url,所以它是错误的,它很丑陋,那我该怎么办?我将获取图像资源vai angular scope,但我不想首先请求错误。

最佳答案

使用 ngSrc directive这解决了这个问题。

关于javascript - angular scope assign img src 会先发出错误的请求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20727282/

相关文章:

javascript - 上传 100% 完成到 rackspace 云存储后,Blueimp jquery 文件上传插件抛出错误

javascript - 使用 Tape 测试客户端 JS(窗口未定义)

javascript - 如何使用 templateUrl 阻止 AngularJS 应用程序配置 block 在我的指令单元测试中运行?

javascript - AngularJs 属性指令 2 路绑定(bind)

javascript - 从 ng-include Controller 修改主 Controller $scope

javascript - ng 单击 ListItem 和辅助按钮

javascript - 下拉菜单选择的选项与其他字体不同

javascript - 在javascript中强制一个window.onload事件

javascript - Highcharts显示数据但不能显示图表

javascript - 仅使用 AngularJs 单击元素外部时如何关闭元素?