【页面不能正常的显示，插件功能显示错误。 _angular router 】

页面不能正常的显示，插件功能显示错误。
我也踩过这个坑( 1 )
已统计您的踩坑,无需重复点击
回答(0)
angular router
详细描述
截图
代码
console.log("asdasd")
var myApp = angular.module("myApp", ["ui.router"])

// var app = angular.module("myApp", []);
// myApp.controller("siteCtrl", function ($scope) {

// });


//路由搭建
myApp.config(function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/pageTab');

    // $urlRouterProvider.when("", "/pageTab");
    $stateProvider
        .state("pageTab", {
            url: "/pageTab",
            templateUrl: "pageTab.html?page&size",
           
        })
        .state("pageTab.page1", {
            url: "/page1",
            templateUrl: "page1.html?page&size",
       
            
            
            
            
        })
        .state("pageTab.page2", {
            url: "/page2",
            templateUrl: "page2.html?page&size",
           
            
        })
        .state("pageTab.page3", {
            url: "/page3",
            templateUrl: "page3.html?page&size",
          
            
        })

});
//风琴页面
$(".panel-body").hide();
$('.collapse').collapse({
    toggle: true,
    parent: '#accordion'
})
$('.panel-heading').on('click', function () {
    var self = this;
    $(self).nextAll().eq(0).collapse("show");

})

// var ap = angular.module('myApp', []);

// //发送请求
myApp.controller('siteCtrl', function ($scope, $http,$log,$state) {
    $http({
        method: 'GET',
        url: '/carrots-admin-ajax/a/article/search'

    }).then(function successCallback(response) {
        console.log(response);

        $scope.names = response.data.data.articleList;
    }, function errorCallback(response) {
        // 请求失败执行代码
    });
    //selec下拉菜单
    $scope.sites = [{
            site: "例子一",
            url: "www.baidu.com"
        },
        {
            site: "例子二",
            url: "www.gogle.com"
        },
        {
            site: "例子三",
            url: "www.sougou.com"
        }


    ];
    $scope.types = [{
            type: "例子一",
            url: "www.baidu.com"
        },
        {
            type: "例子二",
            url: "www.gogle.com"
        },
        {
            type: "例子三",
            url: "www.sougou.com"
        }


    ];
    $state.go("pageTab.page1",{
        page:$scope.currentPage
  
    },{
        // reload:true
    }) 




//分页功能
    $scope.totalItems = 64;
    $scope.currentPage = 4;

    $scope.setPage = function (pageNo) {
        $scope.currentPage = pageNo;
    };

    $scope.pageChanged = function () {
        $log.log('Page changed to: ' + $scope.currentPage);
    };

    $scope.maxSize = 5;
    $scope.bigTotalItems = 175;
    $scope.bigCurrentPage = 1;
    // console.log("sdasdasdasda")
    // console.log($scope.currentPage)


});
编辑于2024-11-15