ホームページ >ウェブフロントエンド >jsチュートリアル >Angular 開発で遭遇する問題
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 サイトの他の関連記事を参照してください。