小编Jos*_*osh的帖子

Angular 2:如何在不向用户显示标签的情况下从JSON响应中呈现HTML?

编辑:澄清任何只撇去标题的人,我的问题是关于Angular 2,而不是1.


我有一个组件模板,如下所示:

<div>{{ post.body }}</div>
Run Code Online (Sandbox Code Playgroud)

对象是这样的:

{
    "title": "Some Title",
    "body": "<p>The <em>post body</em>.</p>"
}
Run Code Online (Sandbox Code Playgroud)

而不是像下面那样渲染段落:

帖子体

它显示:

"<p>The <em>post body</em>.</p>"

由于它是如此常见的任务,我寻找一个内置的管道,{{ post.body | safe }}但没有看到一个.

是否有一种简单的方法可以实现这一目标?是否有一种安全的方法来实现这一目标?

javascript json angular

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

Angular 2:TypeError:l_thing0在AppComponent @ 4中的[{{thing.title}}中未定义:44]

我的应用程序中出现了一个奇怪的错误.它应该{{thing.title}}从一个对象打印出来,但它在控制台中显示错误:

EXCEPTION: TypeError: l_thing0 is undefined in [{{thing.title}} in AppComponent@4:44]
Run Code Online (Sandbox Code Playgroud)

我不确定从哪里来l_thing0.如果我尝试{{thing}}在页面中显示,则会显示[object Object].如果我尝试JSON.stringify(this.thing)(参见该showObj()函数),它会正确显示字符串化对象.但是,如果我尝试访问属性,就像{{thing.title}}我得到l_thing0未定义的错误.

这是app.component.ts:

import {Component, OnInit} from 'angular2/core';
import {Thing} from './thing';
import {ThingService} from './thing.service';
import {SubThingComponent} from "./subthing.component";

@Component({
    selector: 'thing-app',
    template: `
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1>{{thing.title}} <a href="#" (click)="showObj()" class="btn btn-default">Show Stringified Obj</a></h1>
                    <subthing></subthing>
                </div>
            </div>
        </div>
    `,
    styles:[`

    `],
    directives: [SubThingComponent],
    providers: [ThingService]
})

export class AppComponent …
Run Code Online (Sandbox Code Playgroud)

javascript typescript angular

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

你如何使用 Raku 发出 HTTP 请求?

你如何使用 Raku 发出 HTTP 请求?我正在寻找与此 Python 代码等效的代码:

import requests

headers = {"User-Agent": "python"}
url = "http://example.com/"
payload = {"hello": "world"}

res = requests.get(url, headers=headers)
res = requests.post(url, headers=headers, json=payload)
Run Code Online (Sandbox Code Playgroud)

raku

11
推荐指数
3
解决办法
245
查看次数

从 Raku HTTP 客户端请求中提取 JSON

我无法理解这个 Raku 代码有什么问题。

我想从网站获取 JSON,并从 JSON 数组中的每个项目中打印出一个字段(在这种情况下,是任何 Discourse 论坛中最新主题的标题)。

这是我希望工作的代码,但它失败了:

use HTTP::UserAgent;
use JSON::Tiny;

my $client = HTTP::UserAgent.new;
$client.timeout = 10;

my $url = 'https://meta.discourse.org/latest.json';
my $resp = $client.get($url);

my %data = from-json($resp.content);

# I think the problem starts here.
my @topics = %data<topic_list><topics>;
say @topics.WHAT;  #=> (Array)


for @topics -> $topic {
    say $topic<fancy_title>;
}
Run Code Online (Sandbox Code Playgroud)

错误消息来自以下say $topic<fancy_title>行:

Type Array does not support associative indexing.
  in block <unit> at http-clients/http.raku line 18
Run Code Online (Sandbox Code Playgroud)

我原以为$topic应该写为%topic,因为它是一个哈希数组,但这不起作用:

for …
Run Code Online (Sandbox Code Playgroud)

raku

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

如何在 Raku 语法中使用 :global 进行匹配?

我正在尝试编写一个 Raku 语法,它可以解析要求编程难题的命令。

这是仅针对我的问题的简化版本,但这些命令将难度级别与可选的语言列表结合在一起。

示例有效输入:

  • 无语言: easy
  • 一种语言: hard javascript
  • 多种语言: medium javascript python raku

我可以让它匹配一种语言,但不能匹配多种语言。我不确定在哪里添加:g.

这是我到目前为止所拥有的一个例子:

grammar Command {
    rule TOP { <difficulty> <languages>? }

    token difficulty { 'easy' | 'medium' | 'hard' }

    rule languages { <language>+ }
    token language { \w+ }
}

multi sub MAIN(Bool :$test) {
    use Test;
    plan 5;

    # These first 3 pass.
    ok Command.parse('hard', :token<difficulty>), '<difficulty> can parse a difficulty';

    nok Command.parse('no', :token<difficulty>), '<difficulty> should not parse random words';

    # …
Run Code Online (Sandbox Code Playgroud)

raku

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

TOML 是否支持对象/表的嵌套数组?

我想从 TOML 文件生成 JSON。JSON 结构应该是这样的,在对象数组中包含对象数组:

{
    "things": [
        {
            "a": "thing1",
            "b": "fdsa",
            "multiline": "Some sample text."
        },
        {
            "a": "Something else",
            "b": "zxcv",
            "multiline": "Multiline string",
            "objs": [  // LOOK HERE
                { "x": 1},
                { "x": 4 },
                { "x": 3 }
            ]
        },
        {
            "a": "3",
            "b": "asdf",
            "multiline": "thing 3.\nanother line"
        }
    ]
}
Run Code Online (Sandbox Code Playgroud)

我有一些类似于下面示例的 TOML,但它似乎不适用于该objs部分。

name = "A Test of the TOML Parser"

[[things]]
a = "thing1"
b = "fdsa"
multiLine = """
Some …
Run Code Online (Sandbox Code Playgroud)

json toml

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

如何在加载 JSON 之前在 Knockout.js 中隐藏 div?

我正在使用 Knockout.js 并尝试在 JSON 加载时隐藏和显示页面的各个部分。loader.gif 应该在没有数据时显示,模板应该在数据存在后显示。这是 HTML:

<section class="container">
    <div class="loader" data-bind="visible: $data === undefined">
        <img src="/static/images/loader.gif" alt="Loading">
    </div>
    <div id="mainArea" data-bind="visible: $data !== undefined">
        [The main template is here.
            It should only show after the JSON has loaded]
    </div>
    ...
Run Code Online (Sandbox Code Playgroud)

loader.gif 部分按预期显示和隐藏,但模板在加载过程中不会隐藏。我添加display: none到 CSS 文件中,以便在应用绑定并加载数据之前它不会显示,但是当我这样做时,它#mainArea从不显示。

我也试过使用data-bind="visible: myObservableArray().length > 0",但这也不起作用。

有任何想法吗?

javascript css knockout.js

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

如何编写一个搜索文本并删除接下来的 n 行的 ex 脚本?

我想写一个搜索文本然后删除23行的ex脚本。我创建了一个exscript文件,其中包含:

/block_2/
23d
w
Run Code Online (Sandbox Code Playgroud)

然后我尝试了$ ex - index.html < exscript,但它进行了错误的、不可预测的编辑。

这些命令在 ex 中打开文件时起作用,但在脚本中不起作用。我该如何解决?我不想使用行号,因为我必须在数百个文件上运行脚本,而且行号会有所不同。

vim ex

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

标签 统计

javascript ×3

raku ×3

angular ×2

json ×2

css ×1

ex ×1

knockout.js ×1

toml ×1

typescript ×1

vim ×1