小编Viv*_*ndi的帖子

ngFor with index作为属性中的值

我有一个简单的ngFor循环,它也跟踪电流index.我想将该index值存储在属性中,以便我可以打印它.但我无法弄清楚它是如何工作的.

我基本上有这个:

<ul *ngFor="#item of items; #i = index" data-index="#i">
    <li>{{item}}</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我想存储#i属性中的值data-index.我尝试了几种方法,但没有一种方法有效.

我在这里有一个演示:http://plnkr.co/edit/EXpOKAEIFlI9QwuRcZqp?p = preview

如何将index值存储在data-index属性中?

ngfor angular

478
推荐指数
8
解决办法
69万
查看次数

使用EventEmitter传递参数

我有一个指令来初始化DOM元素上的jQueryUI可排序.jQueryUI sortable还有一组触发某些操作的回调事件.例如,当您启动停止排序元素时.

我想通过函数从这样的事件传递返回参数emit(),所以我实际上可以看到我的回调函数中发生了什么.我只是没有找到通过一个传递参数的方法EventEmiiter.

我目前有以下内容.

我的指示:

@Directive({
    selector: '[sortable]'
})
export class Sortable {
    @Output() stopSort = new EventEmitter();

    constructor(el: ElementRef) {
      console.log('directive');
        var options = {
          stop: (event, ui) => {
            this.stopSort.emit(); // How to pass the params event and ui...?
          }
        };

        $(el.nativeElement).sortable(options).disableSelection();
    }
}
Run Code Online (Sandbox Code Playgroud)

这是我Component使用指令发生的事件:

@Component({
  selector: 'my-app',
  directives: [Sortable],
  providers: [],
  template: `
    <div>
      <h2>Event from jQueryUI to Component demo</h2>

      <ul id="sortable" sortable (stopSort)="stopSort(event, ui)">
        <li class="ui-state-default"><span …
Run Code Online (Sandbox Code Playgroud)

eventemitter angular2-directives angular

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

了解runat服务器属性

我是ASP.NET新手.我刚刚检查出一个默认的ASP.NET Web应用程序.它默认带有几页(Default.aspx,About.aspx等).

我注意到Site.master文件是我为我的页面创建主要布局的文件.但我也注意到head标签有一个runat="server"属性.

我知道这个标签用在<asp:XXX>标签中,但为什么在<head>标签中???

此外,当我删除该属性,然后所有的样式都从网页上消失.所以看起来它正在做点什么.我只是不明白它到底在做什么......

那么为什么它在HTML标签上...... ??? 我没有看到任何应该在服务器上运行的代码......

<head runat="server">
    <title>Hallo</title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />

    <!-- This part is run on the server. So why does the head tag
         also need a runat=server ?? -->
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
Run Code Online (Sandbox Code Playgroud)

asp.net

47
推荐指数
4
解决办法
7万
查看次数

样式html,来自web组件的主体(Angular 2)

我正在使用LoginComponentAngular 2中的一个应该"重新设置" htmlbody标签,所以我可以放入一个特定于登录页面的背景图像.

但只是为html, body我添加一种风格login.css似乎不起作用.

有没有办法覆盖html, body组件的样式?或任何元素.

我尝试过这样的事情:

:host(.btn) { ... }
:host(.btn:host) { ... }
.btn:host { ... }
Run Code Online (Sandbox Code Playgroud)

Login组件外部设置元素的样式.但似乎没有任何效果.

shadow-dom angular

42
推荐指数
5
解决办法
4万
查看次数

观察变量并进行更改

在AngularJS中,我有一个监视范围变量的指令.当变量包含某些数据时,我需要稍微更改该变量.问题是,当我更改变量时,我$watch再次被触发.所以我最终处于一个连续的循环中.

scope.$watch('someVar', function(newValue, oldValue) {
    console.log(newValue);
    scope.someVar = [Do something with someVar];
});
Run Code Online (Sandbox Code Playgroud)

这会$watch再次触发,这是有道理的.但我确实需要一种方法来改变观察变量.有没有办法做到这一点?

watch angularjs

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

实体框架在哪里,订单和组

我正在使用以下LINQ从表中选择数据:

(from m in entity.Results
where m.Group == 0 ||
m.Group == 1
orderby m.Points descending
select m);
Run Code Online (Sandbox Code Playgroud)

这给了我所有处于第1组或第2组的用户的结果.我可以显示他们拥有的分数.但这显示了他们分别在第1组和第2组中得到的分数.

我如何对它们进行分组并显示它们的总分?所以不是这个(我现在拥有的):

user1 - group1 - 10
user1 - group2 - 7
user2 - group1 - 7
user2 - group2 - 5
Run Code Online (Sandbox Code Playgroud)

我要这个:

user1 - total: 17
user2 - total: 12
Run Code Online (Sandbox Code Playgroud)

我如何调整我的查询以获得这样的结果集?

c# linq entity-framework

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

从web api返回没有其属性的JsonResult

我有一个Web API控制器,从那里我将一个对象作为JSON从一个动作返回.

我是这样做的:

public ActionResult GetAllNotificationSettings()
{
    var result = new List<ListItems>();
    // Filling the list with data here...

    // Then I return the list
    return new JsonResult { Data = result };
}
Run Code Online (Sandbox Code Playgroud)

但是这样,包含其Data属性的JsonResult对象被序列化为JSON.所以我通过动作返回的最终JSON如下所示:

{
    "ContentEncoding": null,
    "ContentType": null,
    "Data": {
        "ListItems": [
            {
                "ListId": 2,
                "Name": "John Doe"
            },
            {
                "ListId": 3,
                "Name": "Jane Doe"
            },
        ]
    },
    "JsonRequestBehavior": 1,
    "MaxJsonLength": null,
    "RecursionLimit": null
}
Run Code Online (Sandbox Code Playgroud)

我无法序列化此JSON字符串,因为该JsonResult对象向其添加了各种其他属性.我只对其感兴趣ListItems,别的什么.但它自动添加的东西,如:ContentType,MaxJsonLength等...

现在这对我来说不起作用,因为JSON字符串中的所有其他属性......

var …
Run Code Online (Sandbox Code Playgroud)

c# asp.net-mvc json.net asp.net-mvc-4 asp.net-web-api

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

mvc6中的应用程序,服务和中间件之间的区别

我试图理解MVC6中的中间件概念.它对我来说仍然含糊不清.我没有真正看到你在Startup课堂上得到的一些"标准"变量之间的差异.

据我所知,有三种不同的方法告诉应用程序它应该使用特定的中间件?

您可以使用服务调用中间件.但这似乎只是为了"添加"中间件?

services.AddMvc();

// Add other services
services.AddScoped<IMyCountriesRepository, MyCountriesRepository>();
services.AddScoped<IEmailer, Emailer>();
Run Code Online (Sandbox Code Playgroud)

那你有IApplicationBuilder app.这是实际使用服务中加载的中间件吗?所以你可以这样称呼:

app.UseMvc();
app.UseErrorPage(...);
app.UseIdentity(); // cookie authentication 
Run Code Online (Sandbox Code Playgroud)

然后有一种方法来加载和使用这样的中间件:

app.UseMiddleware<MyCustomMiddleware>();
Run Code Online (Sandbox Code Playgroud)

有三种类型的注册/使用中间件有什么好处?它们之间的确切差异是什么?

c# middleware asp.net-core-mvc

19
推荐指数
2
解决办法
3025
查看次数

在composer中,require和install与create-project之间的区别

我不知道create-project作曲家的作品如何.让我们以Laravel为例.

我可以使用以下命令安装此PHP框架:

composer create-project laravel/laravel --prefer-dist
Run Code Online (Sandbox Code Playgroud)

这个命令为我安装了框架,在我的目录根目录中留下了一些文件夹:

  • 应用
  • 引导
  • 上市
  • 供应商

加上一些文件.

但是,当我只使用以下composer命令时:

composer require laravel/laravel --prefer-dist
composer install
Run Code Online (Sandbox Code Playgroud)

然后这只安装vendor文件夹.编辑器不会下载任何其他文件和文件夹.

怎么会?有什么不同?当我使用create-project laravel/laravel命令时,作曲家如何知道要获取的其他文件?为什么我只能获取vendor文件夹require laravel/laravel

php composer-php

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

Twitter bootstrap 3 RC2 - IE8中的导航无法正常工作

我正在使用Twitter Bootstrap 3 RC2在我的页面顶部创建一个导航栏,除了在IE8中工作正常.

在IE8中,就像浏览器变小一样,以便菜单折叠为移动视图.但这种情况并非如此.

现在我知道TB3仍在进行中.但我想知道是否有人在这里有解决方案.


如果你想用IE8检查我的问题,那么看看这里:

http://jsfiddle.net/DnwJN/embedded/result/

(你需要直接链接,因为它自己的JSFiddle不适用于IE8)

这是JSFiddle:

http://jsfiddle.net/DnwJN/


您会看到导航栏在其他所有浏览器中都能正常工作.甚至IE9.但不是IE8.TB3确实支持IE8.他们只放弃了对IE7及以下版本的支持.

任何人都有解决这个问题的方法吗?


来自小提琴的代码

<nav class="navbar" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">Title</a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse navbar-ex1-collapse">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" …
Run Code Online (Sandbox Code Playgroud)

html css css3 twitter-bootstrap twitter-bootstrap-3

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