小编Spe*_*cer的帖子

ng-grid在IE8中不起作用

我很想弄清楚为什么ng-grid不能在IE8中工作.我收到这个错误:Expected identifier, string or number ng-grid-2.0.5.debug.js, line 1535 character 17.

我正在直接从ng-grid主页复制一个例子(顺便说一下,所有示例都正确加载).有人有想法吗?

我会提出一个Plnkr或小提琴,但在IE8中都不会加载,所以它有点挫败了目的.

使用Angular 1.0.4,jQuery 1.8.1,ng-grid 2.0.5

HTML

<html ng-app="myApp">  
<head lang="en">
    <meta charset="utf-8">
    <title>Getting Started With ngGrid Example</title>  
    <link rel="stylesheet" type="text/css" href="ng-grid.css" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="jquery-1.8.1.js"></script>
    <script type="text/javascript" src="angular.js"></script>
    <script type="text/javascript" src="ng-grid-2.0.5.js"></script>
    <script type="text/javascript" src="main.js"></script>
</head>
<body ng-controller="MyCtrl">
    <div class="gridStyle" ng-grid="gridOptions"></div>
</body>
Run Code Online (Sandbox Code Playgroud)

CSS

.gridStyle {
  border: 1px solid rgb(212,212,212);
  width: 400px; 
  height: 300px;
}
Run Code Online (Sandbox Code Playgroud)

使用Javascript

var app = angular.module('myApp', ['ngGrid']);
app.controller('MyCtrl', function($scope) { …
Run Code Online (Sandbox Code Playgroud)

angularjs angular-ui ng-grid

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

UI Bootstrap Datepicker Popup 不适用于 Modal 和 ControllerAs

我在这里看到了一个类似的问题,答案似乎是管理日期选择器是否打开的变量应该在父范围内。我以为我已经在这里完成了,但它仍然无法正常工作。我的代码与我见过的所有其他代码之间的区别在于,我使用的是控制器,而其他所有人都在使用 $scope。这应该如何与控制器一起使用?

完整的Plnkr在这里

这是主页面

<!DOCTYPE html>
<html ng-app="plunker">

  <head>
    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');    </script>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="style.css" />

    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.min.js" data-semver="1.4.6"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.13.1/ui-bootstrap-tpls.min.js"></script>
    <script src="app.js"></script>
  </head>

  <body ng-controller="MainCtrl as main">
    <button class="btn btn-primary" ng-click="main.openModal()">Open Modal</button>
  </body>

</html>
Run Code Online (Sandbox Code Playgroud)

这是模态

<div class="modal-header">
  {{modal.title}}
</div>
<div class="modal-body">

  <p class="input-group">
    <input type="date" 
        class="form-control" 
        ng-model="modal.dt" 
        is-open="main.opened" 
        close-text="Close" />

    <span class="input-group-btn">
      <button type="button" class="btn btn-default" ng-click="main.opened = true">
        <i class="glyphicon glyphicon-calendar"></i>
      </button>
    </span>
  </p>

</div> …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angular-ui-bootstrap bootstrap-modal bootstrap-datepicker

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

Angular Material md-select没有显示错误

我正在尝试实现一个表单,其中错误消息在单击提交按钮之前不会显示.对于输入,这似乎是开箱即用的,但对于md-select不符合预期.

当我提交表单(没有填写任何内容)时,我收到输入的错误消息,但不是md-select的错误消息.

http://plnkr.co/edit/BDB0NVccWckqgnSYD9Qt?p=preview

这是表格:

<form name="userForm" novalidate ng-submit="test()">
  <md-input-container>
    <label>Last Name</label>
    <input name="lastName" ng-model="lastName" required>
    <div ng-messages="userForm.lastName.$error">
      <div ng-message='required'>This is required!</div>
    </div>
  </md-input-container>

  <md-input-container class="md-block">
    <label>Favorite Number</label>
    <md-select name="favoriteNumber" ng-model="myNumber" required>
      <md-option value="1">One</md-option>
      <md-option value="2">Two</md-option>
    </md-select>
    <div ng-messages="userForm.favoriteNumber.$error">
      <div ng-message='required'>This is required</div>
    </div>
  </md-input-container>

  <div>name = {{lastName}}</div>
  <div>userForm.lastName.$error = {{userForm.lastName.$error}}</div>
  <div>number = {{myNumber}}</div>
  <div>userForm.favoriteNumber.$error = {{userForm.favoriteNumber.$error}}  </div>

  <md-button type="submit" class="md-raised md-primary">Save</md-button>
</form>
Run Code Online (Sandbox Code Playgroud)

请注意,这是从Angular Material 1.1.1开始修复的

javascript angularjs angular-material

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

使用Lodash从一组键值对中创建对象

我正在使用lodash从数组创建对象,但结果不是预期的..这里是代码:

var _ = require('lodash');
var data = [ 
  [ 'creds', 'ZHRyYWhlZMMKDWhzYW5EaG1hZDE=' ],
  [ 'loggedIn', true ],
];
var result = _.zipObject(data);
Run Code Online (Sandbox Code Playgroud)

现在的结果是:

{creds,ZHRyYWhlZMMKDWhzYW5EaG1hZDE=: undefined, loggedIn,true: undefined}
Run Code Online (Sandbox Code Playgroud)

但我需要的是:

{'creds':'ZHRyYWhlZMMKDWhzYW5EaG1hZDE=', 'loggedIn':true}
Run Code Online (Sandbox Code Playgroud)

请帮忙 :-)

javascript arrays json node.js lodash

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

ActionBar项目未显示使用FragmentTabs示例

我正在使用ActionBarSherlock并遇到一些问题.在"片段选项卡"示例中,有四个选项卡.其中三个将项添加到ActionBar,但第一个没有(Labeled"Simple").我试图让第一个项目添加到ActionBar,但由于某种原因它不起作用.我可以在选项卡之间看到的唯一区别是"简单"一个是SherlockFragment,另外三个是SherlockListFragments.

SherlockListFragments像往常一样使用onCreateOptionsMenu来填充ActionBar,但是当我将它添加到SherlockFragment并跟踪它时,它甚至都没有被调用,并且栏上没有任何项目.

我可以不使用SherlockFragment添加ActionBar项吗?

android actionbarsherlock

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