Angular 開発で遭遇する問題

零下一度
リリース: 2017-07-02 09:36:28
オリジナル
1105 人が閲覧しました

1. Angular 開発ではデータがリクエストされますが、カルーセル画像など... データをリクエストした後、そのイベントとメソッドは実行されなくなります

ソリューション 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:".swiper-pagination",
ループ:true
} )

りー

以上がAngular 開発で遭遇する問題の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート