1
比方說,我使用的角度對數據綁定和阻止我使用重複碼:AngularJS和impressJS與外部JSON工作
<div id="{{slide.id}}" class="step" data-x="{{slide.x}}" data-y="{{slide.y}}" data-z="{{slide.z}}" data-rotate-x="{{slide.rotateX}}" data-rotate-y="{{slide.rotateY}}" data-rotate-z="{{slide.rotateY}}" data-scale="{{slide.scale}}" ng-repeat="slide in slides">
{{slide.content}}
</div>
正如你所看到的,我準備了div
,使其通過每個迭代對象在這此JSON文件:
[
{
"id":"overview",
"x":3000,
"y":1500,
"z":0,
"rotateX":0,
"rotateY":0,
"rotateZ":0,
"scale":10,
"content":"content2"
},
{
"id":"slide_1",
"x":1600,
"y":1800,
"z":-10,
"rotateX":0,
"rotateY":0,
"rotateZ":0,
"scale":1,
"content":"content1"
},
]
文件完全荷載作用下的:
App = angular.module('App', []);
App.controller('SlideCtrl', ($scope, $http) ->
$http.get('js/slides.json')
.then((res)->
$scope.slides = res.data
)
)
但不知何故輸出看起來是這樣的:
是否有任何人究竟是誰實施的角度和打動在一起嗎?
這對我的作品好嗎 - http://jsfiddle.net/HB7LU/409/ - 你確定它不是在CSS? –
我認爲當使用impress.js是問題時,impress無法重新初始化,因此從ajax加載內容似乎不起作用 –