각도 개발에서 발생하는 문제

零下一度
풀어 주다: 2017-07-02 09:36:28
원래의
1100명이 탐색했습니다.

1. 각도 개발에서는 데이터가 요청되지만 캐러셀 이미지 등은... 데이터를 요청한 후에는 해당 이벤트와 메서드가 더 이상 실행되지 않습니다.

솔루션 1을 참조하세요.

app.controller("text",function($scope,$http,$timeout){
				$http.get("http://127.0.0.1:3333/huoqu").success(function(data){
					$scope.shuju=data.img
					$timeout(function(){ //在请求完成时,强制更新数据,强制重新运行一次,重新获取数据
						new Swiper(".swiper-container",{
							autoplay:2000,
							autoplayDisableOnInteraction:false,
							loop:true,
							pagination:".swiper-pagination"
						})
					})
				});
						
			});
로그인 후 복사

솔루션 2: ( 가능하지만 여전히 작은 문제가 있습니다.)

new Swiper(".swiper-container",{
		autoplay:2000,
		autoplayDisableOnInteraction:false,
		loop:true,
		pagination:".swiper-pagination",
          observer:true,         //子元素改变时自动初始化swiper
          observerParents:true,   //修改swiper时自动初始化swiper
로그인 후 복사
	})//这是插件中俩方法,当子元素或父元素发生改变时 初始化这个swiper,当然这个只是swiper有相信别的也差不多有自己找找。		
로그인 후 복사

 

둘째, 라우팅을 통해 단일 페이지 애플리케이션을 개발하는 과정에서 Angular는 각 페이지에서 트리거할 이벤트를 갖게 되지만 사용자가 작성하는 스위치는 다음과 같습니다. 죽었습니다.

해결책:

 

$scope.slide=function(){
로그인 후 복사

  new Swiper("#slide-rl",{
   autoplay:2000,
   autoplayDisableOnInteraction:false,
  pagination:".s 와이퍼 페이지 매김",
   loop:true
  } )

<em>}<br/><br/>//把我们的代码都写在angular定义的一个方法中,在要引入的html页面调用就ok了</em>
로그인 후 복사

 

위 내용은 각도 개발에서 발생하는 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿