角度md按钮不起作用

时间:2015-09-14 20:25:53

标签: angularjs node.js express material-design

我正在尝试使用角度材质,看起来md按钮无法正确渲染,而其他项目如md-card

我正在使用带有express的节点,并使用Mean.js提供的yo生成器构成了大部分应用程序结构。当我使用chrome的调试检查页面时,实际上加载了所有这些资产。

任何帮助确定为什么md按钮不起作用(只加载按钮的文本)将不胜感激。

public void LoadProductNameAndCleanup(string fileName)
{
    LoadProductName(fileName);
    garbageCleanup();
    garbageCleanup();
}
//These are my assets I'm including
module.exports = {
  app: {
    title: 'Icon',
    description: 'Collection of networks',
    keywords: 'Node.js, Express, AngularJS, MongoDB, Data, Networks, Research'
  },
  port: process.env.PORT || 3000,
  templateEngine: 'swig',
  sessionSecret: 'MEAN',
  sessionCollection: 'sessions',
  assets: {
    lib: {
      css: [
        'public/lib/bootstrap/dist/css/bootstrap.css',
        'public/lib/bootstrap/dist/css/bootstrap-theme.css',
        'public/lib/angular-material/angular-material.min.css'
      ],
      js: [
        'public/lib/angular/angular.js',
        'public/lib/angular-resource/angular-resource.js',
        'public/lib/angular-cookies/angular-cookies.js',
        'public/lib/angular-animate/angular-animate.js',
        'public/lib/angular-touch/angular-touch.js',
        'public/lib/angular-sanitize/angular-sanitize.js',
        'public/lib/angular-ui-router/release/angular-ui-router.js',
        'public/lib/angular-ui-utils/ui-utils.js',
        'public/lib/angular-material/angular-material.min.js'
      ]
    },
    css: [
      'public/modules/**/css/*.css'
    ],
    js: [
      'public/config.js',
      'public/application.js',
      'public/modules/*/*.js',
      'public/modules/*/*[!tests]*/*.js'
    ],
    tests: [
      'public/lib/angular-mocks/angular-mocks.js',
      'public/modules/*/tests/*.js'
    ]
  }
};

1 个答案:

答案 0 :(得分:-1)

也许因为" class" AND" ng-class" .Overwriting。

试试这个:<md-button class="menu-button md-raised">SIGN IN</md-button>

并且:<md-button class="menu-button md-raised" ng-class="{active: $uiRoute}">SIGN IN</md-button>