小编Hel*_*rld的帖子

ngTemplateOutletContext 上下文源未定义

如果 angular < 4.3.6 不适用,该代码至少适用于 angular 2。

目前gradingKey对象在显示或编辑模板中是未定义的。

它在 getTemplate(gradingKey) 方法中不是未定义的。

gradingKey 被初始化为类字段

成分

@Input() set gradingKeyModel(gradingKeyModel: GradingKeyModel) {
    this.gradingKey = gradingKeyModel.gradingKey;
}
Run Code Online (Sandbox Code Playgroud)

html

<ng-template [ngTemplateOutlet]="getTemplate(gradingKey)" 
             [ngTemplateOutletContext ]="{ $implicit: gradingKey }">
</ng-template>

<ng-template #displayTemplate let-gradingKey>
    <div>
        {{gradingKey}}       
    </div>
</ng-template>

<ng-template #editTemplate let-gradingKey>
    <div>
        {{gradingKey}}       
    </div>
</ng-template>
Run Code Online (Sandbox Code Playgroud)

为什么模板中的 gradingKey 突然未定义?

使用 ngTemplateOutletContext 时,访问 ngOutletContext 的方式是否发生了变化?

angular-template angular

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

从json图像数据创建html图像

我从服务器获得一个json格式的图像:

image=iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAA
Run Code Online (Sandbox Code Playgroud)

对于谷歌标记我必须以这种方式分配图像:

  var myImage = "../Content/image.jpeg";

            var markerOptions = {
                position: bound,
                map: map,
                icon: myImage 
            };
Run Code Online (Sandbox Code Playgroud)

如何将json图像数据转换为谷歌地图接受的图像?

我试过这个:

 var image = document.createElement('img');
 image.src = "data:image/png;base64" + base64JsonData;
Run Code Online (Sandbox Code Playgroud)

但这会导致运行时出错.

由于洪水防止,这是我之前未粘贴的完整的json ......:

image=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
Run Code Online (Sandbox Code Playgroud)

html javascript json image

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

在angularjs ui路由器中保留状态时,不会调用onEnter和onExit

这是我的傻瓜http://plnkr.co/edit/GMfMcXgHguYjFYoxWEaM

1.) click the above live demo link
2.) click the "create" button which should activate the projects.create state
3.) an alert() should pop up now but it does not.
Run Code Online (Sandbox Code Playgroud)

为什么没有调用项目状态定义中的onExit和onEnter回调?

当剩下这个状态并且我们激活projects.create状态时,应该触发项目状态onExit.

app.js

   .config(function($stateProvider, $urlRouterProvider) {

    $urlRouterProvider.otherwise('/projects');

        $stateProvider
      .state('projects', {
        url: '/projects',
        views: {
          'menu@""': {
            template: 'Start your projects!'
          },
          'content@': {
            templateUrl: "projects.html",
            controller: 'ProjectsController',
            onEnter: function(){
              alert('hello onEnter');
            },
            onExit: function(){
              alert('hello onExit');
            }
          }
        }
      })
      .state('projects.create', {
        url: '/create',
        views: {
          'outer@': {
            templateUrl: …
Run Code Online (Sandbox Code Playgroud)

angularjs angular-ui-router

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

如何以最小的Bootstrap 3媒体分辨率隐藏div

我最新使用bootstra3.x。

当浏览器窗口非常小(智能手机)并且引导程序超小(xs)起作用时,如何隐藏某个div?

css3 twitter-bootstrap-3

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

无法在Web API响应中序列化ByteArraycontent类型

我只想返回一个.csv文件。

它适用于HttpResponseMessage,但不适用于IHttpActionResult

为什么?

作品

public async Task<HttpResponseMessage> ExportLeads()
{
    byte[] bytes = new byte[2];
    var result = new HttpResponseMessage(HttpStatusCode.OK) { Content = new ByteArrayContent(bytes) };
    result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream");
    result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment") { FileName = "test.csv" };
    return result;
}
Run Code Online (Sandbox Code Playgroud)

不起作用

public async Task<IHttpActionResult> ExportLeads()
{
    byte[] bytes = new byte[2];
    var result = new HttpResponseMessage(HttpStatusCode.OK) { Content = new ByteArrayContent(bytes) };
    result.Content.Headers.ContentType = new MediaTypeHeaderValue("application/octet-stream");
    result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment") { FileName = "test.csv" };
    return …
Run Code Online (Sandbox Code Playgroud)

c# asp.net-web-api asp.net-web-api2

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

正则表达式与包含4个组的字符串不匹配

我想匹配一个字符串,我分成4组:

1.) group has a "-"
2.) group has any char
3.) group has a ":"
4.) group has any char
Run Code Online (Sandbox Code Playgroud)

我试过这个:

Regex regex = new Regex("^[-][.*][:][.*]*$");
bool isMatch = regex.IsMatch("-jobid:3");
Run Code Online (Sandbox Code Playgroud)

isMatch是假的.

我的模式有什么问题?

c# regex

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

在html表列之间添加边距

我最近在IE9 +和Firefox/Chrome上.

http://codepen.io/helloworld/pen/wmuGH

如何在表格看起来像图表的所有列之间添加边距?

我不想在真实的列之间使用空的虚拟列,并设置它们的宽度以伪造边距.

我已经玩了很多填充和边距但是顶部的圆形边框被破坏或者图表列的背景颜色浮动到列之间新创建的间隙中......

更新:

行之间应该没有间隙.

像这样:

在此输入图像描述

html css html-table

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