标签: angular-material

我已经使用来自角材料的Grid和Tab组件实现了一个示例角应用。

我已经实现了网格和选项卡之间的数据绑定，以使许多选项卡可以使用的可用网格值数量得以打开。

但是除此之外，无论网格值如何，我都有一个ALL Summary选项卡。

请在这里访问我的示例应用程序。

在我的应用程序中，将“所有摘要”选项卡设置为默认值，并在首次运行我的应用程序时将其激活。

但是在运行我的应用程序时，我需要第二个选项卡处于活动状态。

假设对象数组，

books = [{id:1, name: 'book1'}, {id:2, name: 'book2'}];

在这里可以看到数组中每个元素的id都是一个数字。当对象数组为给定格式时，Angular 自动完成组件不起作用。任何解决方法？如何使用书的ID自动完成？

我正在使用 Angular Material 来可视化来自 SQL Server 数据库的数据。垫表是根据我返回的列和条目的数量动态创建的。可以有 40、50+ 列和 100k+ 个条目。

我选择只显示少数列，并通过显示更多按钮显示所有列。分页器默认将行数限制为 100，但最多可以显示 2.000。

虽然它在 Firefox 和 Chrome 上运行相当流畅，但排序 100k+ 行或一次渲染 1.000 或 2.000 行可能需要一些时间，但在 IE11 上的性能非常糟糕。即使只显示标准的 100 个条目和少数行也需要一些时间，切换到所有列和/或更多行是非常缓慢的，并且 IE 会完全冻结。

我做了一个简单的演示来展示它是如何工作的。垫子桌子就像我用的一样。

你知道有什么方法可以提高 IE11 的性能吗？

演示

只是花了几个小时试图找出为什么<table mat-table [dataSource]="data|async">......在发出新值时没有更新data......

我将尝试将材料设计与角度js中的路由集成,但CSS设计不起作用.如果我将使用bootstrap CSS检查它,它正在工作.

Plnker演示

如果我会尝试这种方式,它会给我一些错误

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

错误

未捕获的错误:[$注射器:modulerr] http://errors.angularjs.org/1.2.25/ $喷油器/ modulerr P0 = scotchApp&P1 =错误... gleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.2.25%2Fangular？ min.js%3A18%3A170)

App.JS

// create the module and name it scotchApp
// also include ngRoute for all our routing needs
// var scotchApp = angular.module('scotchApp', ['ngMaterial']); -- Not Working
var scotchApp = angular.module('scotchApp', ['ngRoute']);

// configure our routes
scotchApp.config(function ($routeProvider) {
    $routeProvider

        // route for the home page
        .when('/', {
            templateUrl: 'pages/home.html',
            controller: 'mainController'
        })

        // route for the about page
        .when('/about', …

带有ng-click的md按钮不起作用.所以我创建了如下的简单控制器.我点击了button2它的作品,但是点击md-button什么也没发生.

调节器

app.controller('MyContrl', function ($scope) {
    $scope.submit = function () {
        $scope.message = "asdfa";
    };
});

HTML

{{message}}
<md-input-container>
    <md-button ng-click="sumit()">Button1 - Doesn't work</md-button>
</md-input-container>
<button ng-click="submit()" value="Button2- works" class="md-raised">sdf</button>