ionic grid(栅格)九宫格制作详解

前端之家收集整理的这篇文章主要介绍了ionic grid(栅格)九宫格制作详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了ionic grid九宫格制作的具体代码,供大家参考,具体内容如下

1、Html


{{item.text}}


  • {{item.text}}

  • 2、Controller

    $timeout(function () {
    $ionicLoading.hide();
    $scope.items = [
    { id: 1,text: "111111" },{ id: 2,text: "222222" },{ id: 3,text: "333333" },{ id: 4,text: "444444" },{ id: 5,text: "555555" },{ id: 6,text: "666666" },{ id: 7,text: "777777" },{ id: 8,text: "888888" },{ id: 9,text: "999999" },{ id: 10,text: "aaaaaa" },{ id: 11,text: "bbbbbb" },{ id: 12,text: "cccccc" },];
    },2000);

    $scope.alertClick = function (val) {
    alert(val);
    }
    })

    3、Css

    4、效果

    以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

    猜你在找的JavaScript相关文章