我很想弄清楚为什么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) 我在这里看到了一个类似的问题,答案似乎是管理日期选择器是否打开的变量应该在父范围内。我以为我已经在这里完成了,但它仍然无法正常工作。我的代码与我见过的所有其他代码之间的区别在于,我使用的是控制器,而其他所有人都在使用 $scope。这应该如何与控制器一起使用?
这是主页面
<!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
我正在尝试实现一个表单,其中错误消息在单击提交按钮之前不会显示.对于输入,这似乎是开箱即用的,但对于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)
我正在使用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)
请帮忙 :-)
我正在使用ActionBarSherlock并遇到一些问题.在"片段选项卡"示例中,有四个选项卡.其中三个将项添加到ActionBar,但第一个没有(Labeled"Simple").我试图让第一个项目添加到ActionBar,但由于某种原因它不起作用.我可以在选项卡之间看到的唯一区别是"简单"一个是SherlockFragment,另外三个是SherlockListFragments.
SherlockListFragments像往常一样使用onCreateOptionsMenu来填充ActionBar,但是当我将它添加到SherlockFragment并跟踪它时,它甚至都没有被调用,并且栏上没有任何项目.
我可以不使用SherlockFragment添加ActionBar项吗?
angularjs ×3
javascript ×3
android ×1
angular-ui ×1
arrays ×1
json ×1
lodash ×1
ng-grid ×1
node.js ×1