我在哪里可以找到http://jlynch7.github.io/SlickGrid/examples/example-frozen-columns.html的源代码？我在源代码的examples文件夹中找不到它.
这是HTML:
<tr data-ng-repeat="a in assignments" data-ng-click="vm.handleAssignmentClicked()">
...
</tr>
以下是关联的指令和控制器:
angular
.module('app.assignments')
.directive('stfrAssignments', assignmentsDirective)
.controller('AssignmentsController', AssignmentsController);
function assignmentsDirective() {
var directive = {
restrict: 'E',
templateUrl: 'components/assignments/assignments.html',
scope: {
assignments: '='
},
controller: 'AssignmentsController',
controllerAs: 'vm'
};
return directive;
}
function AssignmentsController() {
var vm = this;
function handleAssignmentClicked() {
console.log('handleAssignmentClicked');
}
}
当我单击一个赋值(表中的一行)时,该handleAssignmentClicked()函数未被调用.我应该在哪里寻找问题？
文档说
例如,'facebook.com'或'google.com'.
但是,在某处可以找到详尽的清单,我可以依赖它吗？这些id可能会变成'facebook'或'google'(没有.com)吗？
上下文:我试图弄清楚登录用户是否有社交登录.所以我想循环currentUser.providerData并将其与已知的providerId列表进行匹配.
我们将一对多关系存储为MongoDB中的两个独立集合.关系是:1团队有很多人.我们故意将这些保存为单独的集合,因为我们希望能够单独查询它们.在做了大量研究之后我们决定了这个设计 - 我希望它有意义.以下是简化的Mongoose模式:
var TeamSchema = new Mongoose.Schema({
name: String
});
var PersonSchema = new Mongoose.Schema({
name: String
teamId: {
type: Mongoose.Schema.ObjectId,
ref: 'Team',
}
});
在将它们发送到前端之前,我想按以下方式加入这两个集合:
[
{ "name": "John Doe", "Team": "Orange" },
{ "name": "Jane Smith", "Team": "Orange" },
{ "name": "Doug White", "Team": "Blue" }
]
我不介意做两个单独的查询来将每个集合放入内存中.问题是,一旦我将它们放入内存中,加入集合的最有效方法是什么？
这是我开始做的,但加入代码不存在:
Person.find(function(err, people) {
Team.find(function(err, teams) {
// Now I have people and teams
// How to join them?
});
});
我想使用 flexbox 创建侧边栏和主要内容区域。侧边栏的高度应该至少是窗口的高度。但是，如果内容高度大于窗口，则侧边栏的高度应该增长以匹配内容的高度。这个想法是，当我们滚动查看所有内容时，侧边栏应该看起来好像它延伸到与内容相同的高度。
这是我的尝试：http : //codepen.io/nareshbhatia/pen/QbZqyd。使窗口宽度非常小。不幸的是，侧边栏仅延伸到窗口高度。此外，当我向下滚动时，内容区域会失去其背景颜色。
这是完整的代码：
HTML
<div class="flex-container">
<div class="sidenav">
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</div>
<div class="content">
lorem ipsum lorem ...
</div>
</div>
CSS
html, body {
margin: 0;
height: 100%;
}
.flex-container {
display: -webkit-flex;
display: flex;
background-color: red;
height: 100%;
}
.sidenav {
background-color: lightgray;
-webkit-flex: 1;
flex: 1;
}
.content {
background-color: lightblue;
padding: 10px;
-webkit-flex: 5;
flex: 5;
}
以下使用的代码React.PropTypes工作正常,但它会产生预期的警告(不推荐通过主React包访问PropTypes):
import * as React from 'react';
export class BackButton extends React.Component<{}, {}> {
static contextTypes = {
router: React.PropTypes.object
};
render() {
return (
<button onClick={this.goBack}>Back</button>
);
}
goBack = () => {
this.context.router.history.goBack();
}
}
如果我现在React.PropTypes用新PropTypes包替换,我得到一个TypeError:"无法读取未定义的属性'对象':
import * as React from 'react';
import PropTypes from 'prop-types';
export class BackButton extends React.Component<{}, {}> {
static contextTypes = {
router: PropTypes.object
};
render() {
return (
<button onClick={this.goBack}>Back</button>
);
}
goBack = () => …为云功能提供的HTTP API将所有HTTP方法混合到一个API调用中:
functions.https.onRequest((req, res) => { ... });
这需要一个开关来分离GET,POST,PUT和DELETE.有没有更好的方式类似于Express API:
app.get()
app.post()
app.put()
app.delete()
这将允许我们更干净地实现基于资源的端点.
我已经修改了带有键的选择示例以与 React 一起使用。但是，只要我按下箭头键，应用程序就会在下面的代码中崩溃：
const [gridApi, setGridApi] = useState<GridApi | undefined>();
const handleGridReady = (event: GridReadyEvent) => {
setGridApi(event.api);
setGridColumnApi(event.columnApi);
};
const keyboardNavigation = (params: NavigateToNextCellParams): CellPosition => {
if (gridApi === undefined) {
throw new Error('This should never happen!');
}
...
};
我在按下任何键之前设置gridApiusing onGridReady（通过添加 a 确认console.log）。所以我不知道它是如何得到的undefined。
我的完整源代码在这里。