Reveal.js和angular -背景问题
Reveal.js和angular -背景问题
提问于 2015-01-12 23:55:27
我让truble设置了data-background属性。你知道为什么这不起作用吗？
angular.module('app',[]).controller('SlidesController',['$scope','$timeout', function($scope,$timeout){
$scope.slides = [
{ title:"I'm white - but should have some color", background:"#22BB44"},
{ title:"...no color here? Why??", background:"#99BB44"} ];
$timeout(function(){
Reveal.initialize({
autoSlide: 1500,
loop:true
});
}, 1000);
}]);.slides section {
font-size: 50px;
}<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
<script src="https://rawgit.com/hakimel/reveal.js/master/js/reveal.js"></script>
<link rel="stylesheet" href="https://rawgit.com/hakimel/reveal.js/master/css/reveal.css"></style>
<body ng-app="app" ng-controller="SlidesController">
<div class="reveal">
<div class="slides">
<!-- this works -->
<section data-background="#0000aa">
I'm blue
</section>
<!-- this works, except for the background -->
<section data-background="{s.background}" ng-repeat="s in slides">{{s.title}}</section>
</div>
</div>
</body>
回答 1
Stack Overflow用户
发布于 2015-01-13 02:56:52
简单的修复，只需要为属性创建一个指令
.directive('slidebackground', function(){
return {
link: function(scope, element, attrs) {
attrs.$set('data-background', attrs.slidebackground);
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27905916
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号