小编dan*_*man的帖子

我不能让这些visibility或display属性工作.

这是HTML页脚:

<div id="footer">
  &copy; 
  <strong id="foot" onmouseover="showData();" onmouseout = "hideData()">
    Exquisite Taste 2012
  </strong>
  <input type='checkbox' id="remember" onclick='editCookie()' style="visibility:hidden;" />
</div>

这是.js函数,可见性部分不起作用:

function showData()
{


  document.getElementById("remember").visiblity="visible";


  document.getElementById("foot").innerHTML = getDate() + "  " + getTime();

  if(cookieValue())
  {
    document.getElementById("remember").checked = true;
  }
}

这一行似乎没有做任何事情:

document.getElementById("remember").visiblity="visible";

我正在尝试创建一个自定义过滤器,但当我尝试将其注入我的控制器时,我收到一个"未知提供程序"错误.我已检查并仔细检查了所有参考文献,但我看不出有什么问题.

我知道文件在我的index.html中被正确引用,它被加载并且可以由检查员找到.这是我的代码:

在我的app.js中:

angular.module('equiclass', ['equiclass.controllers',
                         'equiclass.services',
                         'ngRoute'])
.config(function ($routeProvider) {
$routeProvider
  .when('/courses', {
    templateUrl: 'views/courses.html',
    controller: 'CourseCtrl'
  // And some other stuff with routes
});

angular.module('equiclass.controllers', ['equiclass.services', 'equiclass.filters']);
angular.module('equiclass.services', []);
angular.module('equiclass.filters', []);

我的过滤器:

angular.module('equiclass.filters')
  .filter('testFilter', function() {
    return function(input) {
      return undefined;
    };
});

和控制器:

angular.module('equiclass.controllers')
  .controller('CourseCtrl', function ($scope, testFilter) {

  });

当然这很简单,但它不起作用,我不明白为什么.我已经提供了几项服务,他们都很好地工作和娱乐.

在使用AngularJS时,例如通常在struct之后,为单元测试创​​建目录结构时,遵循的最佳做法是什么？

如链接https://scotch.io/tutorials/angularjs-best-practices-directory-structure中所述

将单元测试文件放入的结构应该是什么...如果它是MVC Visual Studio项目,它应该在单独的单元测试项目中吗？

array.prototype.forEach

forEach()对数组中存在的每个元素按升序执行一次提供的回调.对于已删除或未初始化的索引属性(即在稀疏数组上),不会调用它.

资料来源:https://developer.mozilla.org/enUS/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

angular.forEach

为obj集合中的每个项目调用迭代器函数一次,可以是对象或数组.使用iterator(value,key,obj)调用迭代器函数,其中value是对象属性或数组元素的值,key是对象属性键或数组元素索引,obj是obj本身.指定函数的上下文是可选的.

资料来源:https://docs.angularjs.org/api/ng/function/angular.forEach

但我想知道哪一个更有效率和性能.

我正在使用Grunt连接grunt-contrib-uglify任务来缩小我的应用程序中的JavaScript.

在缩小时,它会删除'use strict'除第一个之外的所有语句,因此我将获得一个巨大的JavaScript文件,顶部带有"use strict"指令.

问题是全局'use strict'指令使浏览器在"严格模式"下执行我在项目中使用的每个lib的代码,并且它导致错误,因为不是每个第三方代码都是为严格模式编写的.

关于如何解决这个问题的任何想法？

我有以下情况(服务中的翻译过滤器,在HTML文件中使用)

// serviceFile
angular.module('myModule')
  .service('translation')
  .filter('translate', function(translation) {
    // translate stuff
    return 'translatedString';
  });

// controllerFile
angular.module('myModule')
  .controller('StringsController', function(blabla, translation) {
    $scope.mySort = function() {
      return "some magic should happen here";
    };
  });

// htmlFile
<tr ng-repeat="string in strings">
  <td> 
      {{ string | translate: 'name' }} 
  </td>
</tr>

(上面的代码有效,但由于我缺乏经验,可能省略了一些重要的部分)

我的问题是我被要求根据翻译的值(类似的东西string in strings | orderBy: mySearch)排序,我找不到如何以编程方式调用过滤器StringsController.mySearch

PS不会从服务返回过滤器(不知道这是否相关)

我正在使用最新的Angular和最新的Angular Material.我有一个datepicker,我想添加一些验证.文档说该required属性应该开箱即用,但它似乎不像其他表单元素那样处理错误.

这是我的加价:

<mat-form-field class="full-width">
    <input matInput [matDatepicker]="dob" placeholder="Date of birth" [(ngModel)]="myService.request.dob" #dob="ngModel" required app-validateAdult>
    <mat-datepicker-toggle matSuffix [for]="dob"></mat-datepicker-toggle>
    <mat-datepicker #dob></mat-datepicker>
    <mat-error *ngIf="dob.errors && dob.errors.required">Your date of birth is required</mat-error>
</mat-form-field>

这适用于happy-path,因此当选择日期时,日期最终会出现在期望的属性中myService.

然而,验证并不像我期望的那样有效; 在这种情况下,如果我在没有输入日期的情况下单击该字段然后退出该字段,则输入会获得红色样式,但通常的[controlName].errors对象不会被填充.这意味着以通常的方式显示错误消息(与同一页面上不是日期选择器的其他输入一起使用的方式)不起作用:

<mat-error *ngIf="dob.errors && dob.errors.required">Your date of birth is required</mat-error>

在*ngIf因为日期选择器似乎从来没有更新是不正确的dob.errors,这样就不会显示错误消息,即使输入的样式为无效.

这是正确的吗？我错过了什么吗？

我还尝试添加一个自定义指令来验证使用datepicker选择的日期表明用户已超过18:

export class AdultValidator implements Validator {
  constructor(
    @Attribute('app-validateAdult') public validateAdult: string
  ) { }

  validate(control: AbstractControl): { [key: string]: any } {
    const …

我刚刚开始使用 Xamarin Forms，所以请原谅这可能是一个菜鸟问题......

我开始在 Visual Studio 中使用一个新的 Shell Forms App，因此为我生成了一些代码。

有一个包含 TabBar 控件的 AppShell 页面。这里面是 Tab 控件，我可以设置我的 ShellContent 页面。

每个 Tab 都有一个 Icon 属性，但这显然只接受 PNG 图标。

如何在 Xaml 中为我的 Tab 图标使用图标字体（当我在另一个页面的内容中使用它们时，它已经连接到可以正确显示图标）？

我正在使用 Xamarin.Forms 4.0.0.497661

我正在尝试选择具有特定data-属性的元素的第一个和最后一个子元素.

该:first-child选择器工作正常,但:last-child不能正常工作.我真的不知道是什么原因引起的.我检查过拼写错误.

CSS

.element[data-type='element']:first-child {
    padding-left: 0;   
    background-color:red !important
}

.element[data-type='element']:last-child {
    padding-right: 0; 
    border-right:0; 
    background-color:red !important;
}

我不能在本地运行Protractor测试,前几天我可以,但现在我不能.我甚至重新启动了Ubuntu.这是我的版本:

$cat /etc/issue
Ubuntu 14.04.5
$node --version
v6.8.0
$npm list -g|grep protractor
??? protractor@4.0.9
$webdriver-manager status
[13:49:58] I/status - selenium standalone version available: 2.53.1 [default]
[13:49:58] I/status - chromedriver version available: 2.22 [default]
[13:49:58] I/status - android-sdk is not present
[13:49:58] I/status - appium is not present
$/opt/google/chrome/chrome --version
Google Chrome 54.0.2840.59 unknown    

这是堆栈跟踪https://paste.fedoraproject.org/449363/35548414/

我怎样才能解决这个问题; 我应该检查其他版本吗？