小编Der*_*rek的帖子

Angular 2管道,将JSON对象转换为漂亮的JSON

尝试编写一个Angular 2管道,该管道将获取一个JSON对象字符串并将其返回相当打印/格式化以显示给用户.

例如,它需要:

{"id":1,"number":"K3483483344","州":"CA","有效":true}

并在HTML中显示时返回看起来像这样的内容:

在此输入图像描述

所以在我看来,我可以有类似的东西:

<td> {{ record.jsonData | prettyprint }} </td>
Run Code Online (Sandbox Code Playgroud)

javascript json pipe filter angular

77
推荐指数
5
解决办法
6万
查看次数

右键单击文件夹后,Visual Studio代码"打开代码"不会出现

刚刚在Windows 7计算机上安装了Visual Studio Code 1.1.1.当我右键单击文件夹时,"Open With Code"不会出现.

在此输入图像描述

windows-7 windows-7-x64 visual-studio-code

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

以编程方式将所有表单字段设置为表单提交上的ng-touch

HTML:

<div class="form-group" 
     ng-class="{ 'has-error' : form.firstName.$invalid && form.firstName.$touched }">
  <label for="firstName" 
         class="control-label">
         First Name
  </label>
  <input type="text" 
         name="firstName" 
         id="firstName" 
         ng-model="editableUser.firstName" 
         class="form-control" 
         required>
  <span class="help-block" 
        ng-show="form.firstName.$error.required && form.firstName.$touched">
        First Name is required
  </span>
</div>

<input type="submit" 
       ng-click="submit()" 
       value="Submit" 
       class="btn btn-default">
Run Code Online (Sandbox Code Playgroud)

当用户点击提交时,我正试图让我的'has-error'类启动无效字段.

我认为你可以这样做:

$scope.submit = function () {
  if ($scope.form.$invalid) {
    angular.forEach($scope.form.$invalid, function(field) {
      field.$setTouched();
    });
    alert("Form is invalid.");
  }
};
Run Code Online (Sandbox Code Playgroud)

https://docs.angularjs.org/api/ng/type/form.FormController中没有$setTouched方法

编辑: Realize $setTouched确实存在,它位于https://docs.angularjs.org/api/ng/type/ngModel.NgModelController

javascript validation twitter-bootstrap angularjs

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

如何在VS Code中自动格式化Ruby或.erb文件?

我在Visual Studio Code for macOS中按+ + F,格式化文档的快捷方式,格式化一个名为foo.rb或的文件foo.html.erb.

它没有格式化文档,而是打印出这封信: Ï

如何使其格式化文档?

html ruby ruby-on-rails ruby-on-rails-3 visual-studio-code

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

嵌套if语句令Razor感到困惑

我正在尝试设置一个从Datatable中提取的下拉菜单.这适用于菜单的第一级.

工作代码:

<ul class="dropdown-menu">
@foreach (System.Data.DataRow dr in menu.Rows)
{
    if (Level1 != dr["Level1"].ToString())
    {
        <li><a href="#">@dr["Level1"].ToString()</a></li>
        Level1 = @dr["Level1"].ToString();
    }
}
</ul>
Run Code Online (Sandbox Code Playgroud)

当我尝试添加嵌套的if语句时会发生此问题.如果将此代码放入Visual Studio,您会注意到@foreachRazor无法识别循环的结束括号.

代码中断:

<ul class="dropdown-menu">
@foreach (System.Data.DataRow dr in menu.Rows)
{
    if (Level1 != dr["Level1"].ToString())
    {
        <li><a href="#">@dr["Level1"].ToString()</a></li>
        Level1 = @dr["Level1"].ToString();

        if (Level2 != dr["Level2"].ToString())
        {
            <li><a href="#">@dr["Level2"].ToString()</a></li>
            Level2 = @dr["Level2"].ToString();                                        
        } 
    }
} <!-- the issue is the bracket on this line -->
</ul>
Run Code Online (Sandbox Code Playgroud)

c# asp.net-mvc razor

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

如何使div扩展到浏览器宽度的100%?

<div id="sidebar">sidebar</div>
<div id="content">content</div>
Run Code Online (Sandbox Code Playgroud)

侧边栏的固定宽度为100px.如何将内容宽度设置为浏览器宽度的100%?

http://jsfiddle.net/chickendance/qQQTU/1/

html css twitter-bootstrap

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

Angular 2 .ts文件在Visual Studio 2015 ASP.NET Core项目中保存时不会转换为.js

如果我对ap​​p.component.ts进行了更改并保存文件,则在我手动构建项目之前,更改不会出现在app.component.js中.

我的目标是在保存后在浏览器中反映Angular 2代码更改.我不应该每次都做一次构建.

这是我的tsconfig.json:

{
  "compilerOptions": {
    "target": "es5",
    "module": "system",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  },
  "exclude": [
    "node_modules",
    "typings/main",
    "typings/main.d.ts"
  ]
}
Run Code Online (Sandbox Code Playgroud)

visual-studio typescript asp.net-core angular

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

如何将侧边栏扩展到页面的整个高度?

的jsfiddle

<div id="wrapper" class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
            <div class="span2 sidebar">sidebar</div>
            <div class="span10 content">content</div>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

在过去的几个小时里,我一直在寻找谷歌,试图寻找解决方案.我不认为我可以做Faux Columns,因为该站点是基于Bootstrap构建的,因此侧栏宽度将根据浏览器的宽度而变化.

html css twitter-bootstrap

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

在ASP.NET Core应用程序中使用标准Active Directory?

我正在创建一个新的ASP.NET Core 1.0应用程序.其中一个要求是使用Active Directory进行用户身份验证.不幸的是,我们的组织只使用"旧"Active Directory.我们根本不使用Azure Active Directory.

当我在Visual Studio 2015中创建一个新项目时,在"更改身份验证"下没有此选项:

在此输入图像描述

最好的方法是什么?

asp.net active-directory asp.net-core-mvc visual-studio-2015 asp.net-core

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

Twitter Bootstrap轮播图像显示扭曲

我正在建立一个基于使用Twitter Bootstrap构建的主题的网站:http://demo.graphikaria.com/agilis/theme.

每当我减小浏览器的宽度时,主页轮播的背景图像就会变形.

对于模板使用的默认褪色背景图像,这不是什么大问题,但如果您想使用清晰的图像或徽标,则会出现扭曲或挤压.

html css carousel responsive-design twitter-bootstrap

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

使用单选按钮代替DropDownList

目前,我可以@Html.DropDownList()从数据集中动态填充.下面的代码适用于此.

CONTROLLER

public static IEnumerable<SelectListItem> myList
    {
        get
        {
            ReportAPI.ReportsAPI ws = new ReportAPI.ReportsAPI();
            DataSet ds = ws.GetReportDataSet(userguid, reportguid);
            DataTable dt = ds.Tables[0];

            List<SelectListItem> list = new List<SelectListItem>();
            foreach (DataRow dr in dt.Rows)
            {
                list.Add(new SelectListItem
                {
                    Text = dr["text"].ToString(),
                    Value = dr["value"].ToString(),
                });
            }
            return list;
        }
    }

public ActionResult NewSubscriber()
    {

        ViewData["subscriptionplanx"] = myList;

        return View();
    }
Run Code Online (Sandbox Code Playgroud)

视图

@Html.DropDownList("subscriptionplanx")
Run Code Online (Sandbox Code Playgroud)

现在,我想使用单选按钮而不是使用DropDownList.我该怎么做?

c# asp.net-mvc

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