php angular使用,Angular Material的使用详解

这次给大家带来Angular Material的使用详解，Angular Material使用的注意事项有哪些，下面就是实战案例，一起来看一下。

使用方法

用npm下载angular-material、angular-aria、angular-animate

代码如下：

Document

Angular Material 演示代码

{{item.title}}

{{rightTitle}}

{{rightCont}}

Finished ?

No Ink Effects

Disabled

Favorite Color

This is required!

Play Music

Elevation of 3dp

var myApp = angular.module('myApp',['ngMaterial']);

myApp.controller('myCtrl',['$scope',function($scope){

$scope.arr = [

{title:'标题1',cont:'内容1'},

{title:'标题2',cont:'内容2'},

{title:'标题3',cont:'内容3'},

{title:'标题4',cont:'内容4'}

];

$scope.toggle = function(id){

$scope.rightTitle = $scope.arr[id].title;

$scope.rightCont = $scope.arr[id].cont;

};

$scope.rightTitle = $scope.arr[0].title;

$scope.rightCont = $scope.arr[0].cont;

}]);

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：