我正在尝试使用angular2 2.0.0-beta.0
我有一个表格,行内容由angular2以这种方式生成:
<table>
<tr *ngFor="#line of data">
.... content ....
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
现在这个工作,我想将内容封装到一个组件"table-line".
<table>
<table-line *ngFor="#line of data" [data]="line">
</table-line>
</table>
Run Code Online (Sandbox Code Playgroud)
在组件中,模板具有<tr> <td>内容.
但是现在桌子不再有用了.这意味着,内容不再显示在列中.在浏览器中,检查器向我显示DOM元素如下所示:
<table>
<table-line ...>
<tbody>
<tr> ....
Run Code Online (Sandbox Code Playgroud)
我怎样才能做到这一点?
我知道可以在Chrome中使用抓取光标图标(当然是在Gmail中),但我无法弄清楚如何在我的代码中实现它.我试过(在CSS中):
body {
cursor: grab;
}
body {
cursor: -webkit-grab;
}
body {
cursor: url(http://www.worldtimzone.com/mozilla/testcase/css3cursors_files/grab.gif);
}
Run Code Online (Sandbox Code Playgroud) 我正在构建一个Angular 2.0组件,我想动态地控制它的样式(使用ng-style).在快速查看Angular 2的文档后,我尝试了这个:
<div class="theme-preview" ng-style="{'font-size': fontSize}">
{{fontSize}}
</div>
Run Code Online (Sandbox Code Playgroud)
并且看到尺寸实际上印在div内但没有影响风格.fontSize是组件的属性绑定之一',这意味着组件从它的父节点获取它,如下所示:
<my-component [font-size]="size" />
Run Code Online (Sandbox Code Playgroud)
在组件内部,我有:
@Component({
selector: 'XXX',
properties: ['fontSize']
})
Run Code Online (Sandbox Code Playgroud)
我在这里错过了什么吗?
我有一个外部csv文件,其数据列如下:
name, field_goal_attempts, field_goal_makes
Run Code Online (Sandbox Code Playgroud)
我正在尝试使用线性刻度,但遇到难以获得我的域的最大值.
var yScale = d3.scale.linear()
.domain(0, d3.max(...
Run Code Online (Sandbox Code Playgroud)
我很困惑:
1)我是否应该将yScale函数放在...之外或之内
d3.csv("filename.csv", function(data) {
Run Code Online (Sandbox Code Playgroud)
回调函数; 和
2)如何获取field_goal_attempts列中项目的最大值,然后输入yScale函数.
这是我目前的代码:
var yScale = d3.scale.linear()
.domain([0, 4000]) //d3.max(data, function(d) {return d })])
.range([0, 500]);
d3.csv("test.csv", function (data) {
svg.selectAll("rect")
.data(data)
.enter()
.append("rect")
.attr("fill", "blue")
.attr("x", magic_number) // I'm not concerned about the magic numbers at this point :)
.attr("y", 0)
.attr("width", another_magic_number)
.attr("height", function (d) {
return d.field_goal_attempts
})
.attr("id", function (d, i) {
return i
});
});
Run Code Online (Sandbox Code Playgroud) 如何<img> src在Angular 2中编写ternany条件.
下面是我尝试的代码,但这不起作用
<img class="lib-img" [src]="item.pictureUrl!= null ? item.pictureUrl : ~/images/logo.png" height="500" width="500" alt="default image">
Run Code Online (Sandbox Code Playgroud) 我正在尝试将带有Angular2的图片上传到我的REST服务(Loopback).Loopback服务工作(使用Postman测试)并接受带有x-www-form-urlencoded标头的文件.
这是一个发送POST请求的简化服务方法:
public uploadFile(url : string, file: File): Observable<any> {
let headers: Headers = new Headers();
headers.append('Content-Type', 'application/x-www-form-urlencoded');
let formData = new FormData();
formData.append('file', file);
let options: RequestOptionsArgs = { headers: headers };
return this.http.post(url, formData, options)
.map((res: any) => (res.text() != "" ? res.json() : {}));
}
Run Code Online (Sandbox Code Playgroud)
请注意,我已将标头设置为application/x-www-form-urlencoded,并在正文中发送包含该文件的formData.
在Angular中,直到我http.post请求的位置,formData填充了文件,文件内容存在,每个都很好:
但在请求中,正文是一个空对象{}:
我假设,Angular试图做JSON.stringify(formData),至少,当我尝试这个时,我也得到"{}"作为输出.
我已经看到很多帖子完全相同(http.post(url,formData)).那我错过了什么?
我试图让我的路线参与决心.但它不包含参数,但是当我从组件内部使用activatedRoute时它确实有效.我认为这是因为路线在决心内尚未改变.我如何让它工作?
post.resolve.ts
@Injectable()
export class PostResolver implements Resolve<any> {
slug: any;
constructor(
private activatedRoute: ActivatedRoute,
private memoryService: MemoryService,
) {}
resolve() {
console.log(this.activatedRoute);
this.activatedRoute.params.subscribe(params => {
this.slug = params['slug'];
console.log(this.slug);
return this.memoryService.getPost(this.slug);
})
}
}
Run Code Online (Sandbox Code Playgroud)
app.route.ts
{
path: 'post/:slug',
component: PostComponent,
data: {title: 'Post'},
resolve: {
post: PostResolver
}
},
Run Code Online (Sandbox Code Playgroud) 使用Moq,我习惯于将mocks设置为Verifiable.如您所知,当您希望确保被测代码实际上在依赖项上调用方法时,这很方便.
例如在Moq:
// Set up the Moq mock to be verified
mockDependency.Setup(x => x.SomethingImportantToKnow()).Verifiable("Darn, this did not get called.");
target = new ClassUnderTest(mockDependency);
// Act on the object under test, using the mock dependency
target.DoThingsThatShouldUseTheDependency();
// Verify the mock was called.
mockDependency.Verify();
Run Code Online (Sandbox Code Playgroud)
我一直在使用VS2012的"Fakes Framework"(由于缺乏更好的名称),这是非常光滑的,我开始更喜欢Moq,因为它似乎更具表现力,使Shims变得容易.但是,我无法弄清楚如何重现类似于Moq的Verifiable/Verify实现的行为.我在Stubs上找到了InstanceObserver属性,这听起来可能就像我想要的那样,但截至9/4/12都没有文档,我不清楚如何使用它,如果它甚至是正确的.
任何人都能指出我做正确的方向,如Moq Verifiable/Verify VS2012的假货?
- 9/5/12编辑 -
我意识到问题的解决方案,但我仍然想知道是否有一种内置的方法来使用VS2012 Fakes.如果可以的话,我会把这个开放一段时间让某人声称.这是我的基本想法(如果不编译就道歉).
[TestClass]
public class ClassUnderTestTests
{
private class Arrangements
{
public ClassUnderTest Target;
public bool SomethingImportantToKnowWasCalled = false; // Create a flag!
public Arrangements()
{
var mockDependency = new …Run Code Online (Sandbox Code Playgroud) SAPUI5中"依赖"聚合的实际使用情况是什么.
这是在1.9版本中添加的.它解决了什么问题?我在SCN网站上找不到太多关于此的文档.
我们需要向OpenUI5添加新图标.图标已被定义为基于矢量的字体.
我知道可以通过https://icomoon.io/等服务将图标添加到SAP标准字体.但是,我希望能够将它们保存在一个单独的文件中(这样我们就不需要在新的OpenUI5版本出现时重做任务).
是否可以定义用于图标的其他字体?
angular ×5
javascript ×4
sapui5 ×2
arrays ×1
c# ×1
css ×1
d3.js ×1
form-data ×1
html ×1
mocking ×1
moq ×1
typescript ×1
unit-testing ×1