我正在开发一个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.";
});
推荐阅读
-
如何解决《语法错误:'delimiter'在这里输入无效》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《为什么不能满足相关类型的From<>的更高的kinded特性限制,但Into<>可以吗?》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《如何将Future[Vector[UserLocation]]转换为Future[Vector[User]]》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《是否可以构建一个惰性条件元函数》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《制作填充图Matplotlib-错误:类型升级无效》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《在R中将两个列值粘贴在一起时省略NA值》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《从视图运行时如何修复Url(〜/Views/Home/Index.cshtml)》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《GunicornUpstart文件无法启动》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《函数uasort在PHP5.5和PHP7.0中的不同行为》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《我们应该如何实现对象类型的移动?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《BeautifulSoup中的select方法无法用空格选择属性值》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何处理谷歌地图上的触摸事件(MapFragment)?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《C#Hook全局键盘事件-.net4.0》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《区分相同类型的异常》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《jQuery第3级导航未按预期工作》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《超薄3:如何访问设置?》经验,为你挑选了2个好方法。 ...
[详细]
-
如何解决《在内存中格式化SyntaxTree的最佳方法是什么?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《C++结构值初始化》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《为什么MixedGrailsControllerHelper.executeAction()占用了这么多时间?》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《MSIL源代码的编译器在哪里驻留在.NETFramework中?》经验,为你挑选了1个好方法。 ...
[详细]
吐了个 "CAO" !
Tags | 热门标签
RankList | 热门文章
-
1以相反顺序Java对Arraylist中的数组进行排序
-
2在声明之前访问'let'变量时,ReferenceError不会抛出
-
3Artifactory在访问虚拟存储库URL时返回HTTP 302
-
4c ++中的rvalues如何存储在内存中?
-
5Gradle构建失败:无法解析配置':classpath'的所有依赖项
-
6zeppelin with spark 1.5.2独立集群错误
-
7$ document_root变量不能在"root"指令中使用
-
8在php中排序依赖的子数组
-
9C++通过变量的连接名称获取变量值
-
10EPROTO:使用ember new时的协议错误,符号链接'../semver/bin/semver'
-
11在Typescript前端和NodeJ后端之间共享js对象的最佳方法
-
12使用f1作为评分函数的网格搜索,几页错误消息
-
13adb reboot挂起Gennymotion
-
14ElasticSearch:inner_hits和hightlight_query
-
15如何设置Paper.js画布背景填充颜色(无CSS背景)
-
16如何通过NFC标签启动我的应用程序?
-
17加速REST API服务Laravel 5
-
18在mvc 5项目中使用角度指令模板url中的html文件
-
19使用Moment.js获取月份名称
-
20从列表中的多个列表中删除Null
DevBox开发工具箱 | 专业的在线开发工具网站 京公网安备 11010802040832号 | 京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有