标签: angularjs-material

Angular Material Datepicker 在确切日期前一天返回

我在我的网站中使用了角度材料,当我将日期发送到我的 web api 时,它显示在所选日期的前一天。例如,如果我输入 2016-01-03,那么它将发送 2016-01-02。我该如何解决这个问题。我没有更改角度材料网站中提供的原始代码的任何代码,代码链接如下

https://material.angularjs.org/latest/demo/datepicker

datepicker asp.net-web-api angularjs angularjs-material

4
推荐指数
2
解决办法
6779
查看次数

ngMaterial - md-autocomplete - 结果列表显示模态形式

我有模态形式,我想在我的模态形式中使用自动重现字段.

要,我使用的是实现这一目标md-autocompleteangular-material#1.1.0,它提供了这样的功能和易于使用.

问题是当我在这个字段中写一些东西时,整个建议列表出现在我的模态窗口后面,但它应该出现在这个模态窗体的顶部.

你知道如何解决这个问题吗?

我附加了表单源和相关角度控制器的html代码.

movie-resource-dialog-controller.js

(function() {
'use strict';

angular
    .module('vodApp')
    .controller('MovieResourceDialogController', MovieResourceDialogController);

MovieResourceDialogController.$inject = ['$http', '$timeout', '$scope', '$stateParams', '$uibModalInstance', 'DataUtils', 'entity', 'MovieResource', 'Movie'];

function MovieResourceDialogController ($http, $timeout, $scope, $stateParams, $uibModalInstance, DataUtils, entity, MovieResource, Movie) {
    var vm = this;

    vm.movieResource = entity;
    vm.clear = clear;
    vm.byteSize = DataUtils.byteSize;
    vm.openFile = DataUtils.openFile;
    vm.save = save;

    $timeout(function (){
        angular.element('.form-group:eq(1)>input').focus();
    });

    function clear () {
        $uibModalInstance.dismiss('cancel');
    }

    function save () {
        vm.isSaving = true;

        if (vm.movieResource.id !== …
Run Code Online (Sandbox Code Playgroud)

css angularjs angularjs-material

4
推荐指数
1
解决办法
2965
查看次数

如何强制 Puppeteer 等待非常大的 HTML 表中的所有行完全加载并显示在 DOM 中

问题

问题摘要:我正在编写几个测试套件(使用 Jest 和 Puppeteer)来自动测试 AngularJS 应用程序的主页。注意:我的一些 ui 组件由名为 AngularJS Material 的框架提供支持。我想要自动化的测试之一是用户按下页面上的按钮来重新加载表格。不幸的是,这个表用于显示大量数据,因此为了重新加载该表,客户端首先需要向我的服务器发出 GET 请求,以从 db 中提取该表数据,然后该表才能重新加载显示在 DOM 中。总而言之,整个过程大约需要一两秒钟。所以这是我的问题:如何编写一些 Jest/Puppeteer 测试代码来等待表在 DOM 中完全加载/显示(即显示所有表行数据)。

编辑以澄清:

无法预先确定表中有多少行。我知道根据我提供的最小示例,我似乎可以。但不幸的是,表中的行数是由用户添加的数据量决定的。

我的测试环境概述:

  • 傀儡师版本:1.19.0
  • 笑话版本:24.8.0

代码/到目前为止我尝试过的

下面你会看到我尝试了几种方法来等待所有行数据显示,但还没有任何效果。

<!-- index.html -->
<html>
  <body ng-app="myApp" ng-controller="myCtrl">
    <md-content class="tableContainer">
      <md-content class="table">
        <!-- UI component provided by Angular JS Material, appears while table is loading -->
        <md-progress-linear md-mode="indeterminate"></md-progress-linear>
        <table>
          <thead><!-- my table header --></thead>
          <tbody><!-- displays tons of data --></tbody>
        </table>
      </md-content>
    </md-content>
    <button id="reloadTableBtn" …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs jestjs angularjs-material puppeteer

1
推荐指数
1
解决办法
3048
查看次数

来自外部文件的Angular $ md-dialog控制器

我正在使用Material Design的md-dialog,我遇到了一个小问题,这给我带来了很多麻烦.

我正在使用此对话框作为在db中创建新记录的表单,我需要从外部文件加载其控制器.原因是我在应用程序的许多地方(在许多其他控制器中)使用相同的对话框,我不想复制并粘贴到它们中的每一个.

我试图把它写成一个服务,但问题是,因为我将数据从表单绑定到控制器我使用$ scope,这样我就得到了"$ scope未定义".当我在该服务中添加$ scope作为依赖项时,我会注入错误.你有任何想法如何从外部加载模态控制器,所以它甚至可以使用$ scope吗?

$scope.showNewContactDialog = function($event) {
            var parentEl = angular.element(document.body);
                $mdDialog.show({
                parent: parentEl,
                targetEvent: $event,
                templateUrl: 'app/Pages/directory/contacts/newContact.dialog.html',
                controller: NewCompanyContactDialogCtrl,
                clickOutsideToClose: true,
                hasBackdrop: true
            });  
        };

// New User dialog controller
        function NewCompanyContactDialogCtrl($scope, $mdDialog) {
            var self = this;
            $scope.modalIcon = "add";
            $scope.modalTitle = 'Nová položka';
            $scope.modalAdvanced = true;

            // Country Selector
            apiCalls.getData(countryUrl, function(response){
                $scope.countries = response;
            })

            // Add New Object
            $scope.newItem = function() {
                var url = baseUrl + 'new/';
                var data = …
Run Code Online (Sandbox Code Playgroud)

javascript modal-dialog angularjs angularjs-material

0
推荐指数
1
解决办法
3508
查看次数