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();
}]);

avatar ekasapta
@ekasapta

24 Kontribusi 15 Poin

Diperbarui 6 tahun yang lalu

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

avatar rachmatsasongko
@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 6 tahun yang lalu

terima kasih gan.

avatar ekasapta
@ekasapta

24 Kontribusi 15 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban