我正在开发一个Django应用程序,我正在使用AngularJS作为我的前端.我有一个简单的代码
控制器代码如下:
(function () {
'use strict';
angular
.module('mainApp')
.controller('PrizeController', PrizeController);
PrizeController.$inject = ['$scope', 'CompetitionService', 'PrizeService'];
function PrizeController($scope, CompetitionService, PrizeService) {
$scope.competition = CompetitionService.getCompetition();
$scope.prizes = [];
$scope.showPrice = true;
$scope.detailLink = "/#!/prize/";
$scope.getPrizes = function () {
console.log ("GetPrizes");
console.log($scope.prizes);
return $scope.prizes; //PrizeService.getCurrentWeekList();
};
function init() {
PrizeService.getCurrentWeekList().then(function(data) {
console.log ("Init called");
console.log(data);
$scope.prizes = data;
})
}
init();
}
})();
发生的事情是,在前端,img ng-src标记中的{{p.thumbnail}}没有解析.事实上,如果我在代码中的任何地方使用花括号,我无法解决它.但是,使用ng-bind显示相同的值.在我的代码中,我试图用{{}}和ng-bind来解析p.thumbnail,而后者是有效的.我的输出如下:
链接到输出图像
请帮助我理解{{}}无效的原因.
谢谢.
1> 小智..:
如果这是一个由Django首先呈现的模板,那么Django Template引擎将替换所有{{ something }}
可以解析它的内容.
这意味着当代码到达浏览器并且AngularJS加载它时,代码中没有任何花括号可以解决,只是(可能)空白.
为了解决这个问题,AngularJS允许您通过一个改变模板标记的字符interpolationProvider
.这是文档链接.我经常使用[[ ]]
.
以下是上述链接中的示例以及如何将其集成到您的应用中:
var customInterpolationApp = angular.module('customInterpolationApp', []);
customInterpolationApp.config(function($interpolateProvider) {
$interpolateProvider.startSymbol('//');
$interpolateProvider.endSymbol('//');
});
customInterpolationApp.controller('DemoController', function() {
this.label = "This binding is brought you by // interpolation symbols.";
});
推荐阅读
-
如何解决《将"Arial"设置为Sitecore文本编辑器中的默认字体》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《使用高级API从特定偏移量开始读取kafka消息》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《试图在MultiDex应用程序中测试Android模块,com.android.test.runner.MultiDexTestRunner无法识别》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《CSS放在名称的圆圈第一个字母中》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何正确叠加图层列表中的位图和形状》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《Passport和connect-flash:req.flash不是一个函数》经验,为你挑选了2个好方法。 ...
[详细]
-
如何解决《暂时以编程方式禁用Qt中的屏幕旋转》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《MVCRazorGenerator-“类型()已经定义了具有相同参数类型的名为'Execute'的成员”》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《PHP日期实际年份》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《滑动BottomSheet像谷歌地图》经验,为你挑选了2个好方法。 ...
[详细]
-
如何解决《如何查看英特尔ICC编译器上启用了哪些编译选项?》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《使用Wildfly服务器的HTTP访问文件》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《Ruby-"做"循环和"救援"》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何从RecyclerView.Adapter打开片段<CardAdapter.ViewHolder>》经验,为你挑选了3个好方法。 ...
[详细]
-
如何解决《通过Springxml数据源配置postgresql驱动程序》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何删除没有任何id的td》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《如何在Laravel5中使用redis为多租户多数据库架构应用程序执行排队和缓存?》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《正则表达式匹配Java中字符串的开头和结尾》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《在对象中引用Javascript对象的正确方法》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《NoReverseMatch用于简单的DjangoView》经验,为你挑选了1个好方法。 ...
[详细]
吐了个 "CAO" !
Tags | 热门标签
RankList | 热门文章
-
1如何在coldFusion应用程序中找到自定义标记实例
-
2如何使用jq获取找到的值的索引路径?
-
3通过Gmail API发送包含纯文本后备的HTML电子邮件
-
4ggplot中的散点图像barplot一样堆叠
-
5转换在Visual Studio 2015中不明确,但与clang不同
-
6检索CMake中的所有链接标志
-
7如何在sql case语句中使用> = condition?
-
8哪一个在react/redux应用程序中保存服务实例?
-
9执行命令和流结果
-
10AttributeError:'module'对象没有属性'unique'
-
11ERROR 1366(HY000):字符串值不正确:'\ xF0\x9F\x98\x9C'表示第1行的"注释"列
-
12RESTful更新密码
-
13使用Core Data时更新Spotlight搜索索引?
-
14navigator.mediaDevices.getUserMedia不起作用,webkitGetUserMedia也没有
-
15导入类或创建它的实例之间的区别
-
16使用video.js在iOS上内联播放视频?
-
17R向量大小限制:.C中不支持"长向量(参数5)"
-
18express-jwt vs. jsonwebtoken
-
19在编译期间确定操作系统
-
20如何从连接中获取请求正文?
DevBox开发工具箱 | 专业的在线开发工具网站 京公网安备 11010802040832号 | 京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有