Postingan lainnya
ANGULARJS - Pindah Route, tag script tidak ikut reload.
Saya menggunakan particles js di 2 halaman yaitu home.html dan gallery.html setiap saya pindah ke 2 halaman itu script particles speednya ikut bertambah jadinya semakin cepet particlesnya. disini saya menggunakan ng-view
var App = angular.module('App',['ngRoute']);
App.config(function($routeProvider){
$routeProvider
.when('/',{
templateUrl:'template/home.html',
controller: 'Javascript'
})
.when('/about',{
templateUrl:'template/about.html'
})
.when('/mygallery',{
templateUrl:'template/gallery.html',
controller: 'Javascript'
})
.when('/contact',{
templateUrl:'template/contact.html'
})
.when('/portfolio',{
templateUrl:'template/portfolio.html'
})
.when('/skills',{
templateUrl:'template/skills.html',
})
.otherwise({redirectTo:'/'});
});
angular.module('App').controller('Javascript', ['$scope', function ($scope) {
$scope.load = function() {
ityped.init('#ityped', {
strings:['Strings', 'Strings', 'Strings'],
startDelay: 1000,
loop: true
});
Particles.init({
selector: '.background',
color: '#ffffff',
sizeVariations: 5,
speed: 0.2,
responsive: [
{
breakpoint: 768,
options: {
maxParticles: 200,
color: '#fff',
speed: 0.2,
connectParticles: false
}
}, {
breakpoint: 425,
options: {
speed: 0.2,
maxParticles: 0
}
}, {
breakpoint: 320,
options: {
speed: 0.2,
maxParticles: 0
}
}
]
});
};
$scope.load();
}]);
0
2 Jawaban:
Jawaban Terpilih
Particlesnya mesti dijadikan directive gan, jadi bukan diload via controller. Nanti tinggal view yang butuh particles dikasih tag directivenya. Ini ada referensi particles js directive https://gist.github.com/douglascorrea/a1099b2cf74a0aef8a79
0