use*_*790 0 javascript css angularjs material-design-lite
在刷新页面后,你知道为什么第一个按钮动画不起作用吗?单击第一个按钮后,我们只能看到按钮阴影但动画不起作用.提前谢谢你.
<!doctype html>
Run Code Online (Sandbox Code Playgroud)
</div>
<button class="mdl-button mdl-js-ripple-effect mdl-js-button mdl-button--fab mdl-color--accent">
<i class="material-icons mdl-color-text--white" role="presentation">add</i>
</button>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular-animate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular-route.min.js"></script>
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.2/material.min.js"></script>
<script src="app.js"></script>
Run Code Online (Sandbox Code Playgroud)
<button class="mdl-button mdl-js-ripple-effect mdl-js-button mdl-button--fab mdl-color--accent">
<i class="material-icons mdl-color-text--white" role="presentation">add</i>
Run Code Online (Sandbox Code Playgroud)
var shaApp = angular.module('shaApp', ['ngAnimate','ngRoute']);
shaApp.config(['$routeProvider',
function($routeProvider) {
$routeProvider.
when('/', {
templateUrl: 'dashboard.html',
controller: 'dashboardCtrl',
}).
otherwise({
redirectTo: '/'
});
}
]);
shaApp.controller('dashboardCtrl', ['$scope', '$http', function($scope, $http) {}}]);
Run Code Online (Sandbox Code Playgroud)
您可能需要升级动态元素(如此处所述).
shaApp.run(function($rootScope, $location, $timeout) {
$rootScope.$on('$viewContentLoaded', function() {
$timeout(function() {
componentHandler.upgradeAllRegistered();
});
});
});
Run Code Online (Sandbox Code Playgroud)
*[编辑]修复拼写错误的单词
归档时间: |
|
查看次数: |
2160 次 |
最近记录: |