将物化与 Angular 结合使用

Question

有人知道我如何将 materializecss.com 与 Angular 和 UI-路由器一起使用吗？在 ui-view 中添加内容会停止工作实现（视差、网格系统等）

   <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'
            });

   }
]);

Answer 1

您应该尝试 angular-materialize。

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

将物化与 Angular 结合使用

Use materialize with Angular

javascript

materialize

angularjs