簡體   English   中英

使用Angular實現

[英]Use materialize with Angular

有人知道我如何將Angular和UI-Router與materializecss.com一起使用嗎? 在ui視圖中添加內容會停止實現物化(視差,網格系統等)

   <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   <script type="text/javascript" src="scripts/libs/jquery-2.1.4.min.js"></script>
   <script type="text/javascript" src="scripts/libs/materialize.min.js"></script>
   <script src="scripts/libs/angular.min.js"></script>
   <script src="scripts/libs/angular-route.min.js"></script>
   <script src="scripts/libs/angular-ui-router.js"></script>
   <script src="scripts/libs/angular-ui-router.min.js"></script>
   <script src="scripts/libs/ngStorage.js"></script>
   <script src="scripts/controllers/main.js"></script>



 var app = angular.module('elementif', [
   'ngStorage',
   'ngRoute',
   'ui.router'
  ]);

  app.config(['$routeProvider', '$httpProvider', '$stateProvider', '$urlRouterProvider', function ($routeProvider, $httpProvider, $stateProvider, $urlRouterProvider) {    
        $urlRouterProvider.otherwise("/home");
        $stateProvider
            .state("home", {
                url: "/home",
                templateUrl: "pages/home.html",
                controller: 'sesionController'
            })
            .state("myProfile", {
                url: "/myProfile",
                templateUrl: "pages/myProfile.html",
                controller: 'sesionController'
            });

   }
]);

您應該嘗試實現角度。

https://github.com/krescruz/angular-materialize

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM