小编hir*_*rse的帖子

Angular2表行作为组件

我正在尝试使用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)

我怎样才能做到这一点?

angular

87
推荐指数
4
解决办法
6万
查看次数

如何在Chrome中实现抓取光标图标?

我知道可以在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)

html javascript css google-chrome

46
推荐指数
3
解决办法
3万
查看次数

Angular 2.0和ng-style

我正在构建一个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)

我在这里错过了什么吗?

javascript angular

21
推荐指数
2
解决办法
4万
查看次数

如何从d3.scale.linear().domain()中使用的对象数组中获取最大值

我有一个外部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)

javascript arrays d3.js

19
推荐指数
1
解决办法
3万
查看次数

条件图像Src以角度2绑定

如何<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)

angular

14
推荐指数
2
解决办法
2万
查看次数

上传angular2:Body(FormData)中的文件为空

我正在尝试将带有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)).那我错过了什么?

javascript form-data typescript angular

10
推荐指数
2
解决办法
9977
查看次数

如何在Resolve Angular 2中获取Route Params

我试图让我的路线参与决心.但它不包含参数,但是当我从组件内部使用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)

angular2-routing angular

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

Visual Studio 2012假货 - 如何验证方法被调用?

使用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)

c# unit-testing moq mocking visual-studio-2012

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

"依赖"聚合的用法是什么?

SAPUI5中"依赖"聚合的实际使用情况是什么.

这是在1.9版本中添加的.它解决了什么问题?我在SCN网站上找不到太多关于此的文档.

sapui5

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

向OpenUI5添加新图标?

我们需要向OpenUI5添加新图标.图标已被定义为基于矢量的字体.

我知道可以通过https://icomoon.io/等服务将图标添加到SAP标准字体.但是,我希望能够将它们保存在一个单独的文件中(这样我们就不需要在新的OpenUI5版本出现时重做任务).

是否可以定义用于图标的其他字体?

sapui5

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