小编Ale*_*lov的帖子

在我的Angular2应用程序中收到以下错误错误:(SystemJS)模块'AppModule'声明的意外值'ReleasesService'.请添加@ Pipe/@ Directive/@ Component注释.

我的AppModule:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { routing } from './app.routes';
import { HttpModule } from '@angular/http';
import { SearchFilter } from '../app/search-filter.pipe';
import { ReleasesService } from '../app/releases/releases.service';
import { AppComponent }  from './app.component';
import { HomeComponent } from '../app/home/home.component';
import { ReleasesComponent } from '../app/releases/releases.component';
import { DistroComponent } from '../app/distro/distro.component';
import { ContactComponent } from '../app/contact/contact.component';

@NgModule({
  imports:      [ BrowserModule, HttpModule, routing …

我是Angular2的新手,并试图建立一个Todo应用程序.

这是我的文件结构:

我的todo.service.ts代码(在共享文件夹中)

import { Injectable } from '@angular/core';
import { Http, Headers } from '@angular/http';

import 'rxjs/add/operator/toPromise';

import { ITodo } from './todo.model';

@Injectable()
export class TodoService {
 constructor(private http: Http){}

 getTodos(): Promise<ITodo[]> {
    return this.http.get('api/todos')
            .toPromise()
            .then(res => res.json().data)
            .catch(this.handleError); 
}

addTodo(todo: ITodo): Promise<ITodo> {
    return this.post(todo);
}

deleteTodo(todo: ITodo): Promise<ITodo> {
    return this.delete(todo);
}

private post(todo: ITodo): Promise<ITodo> {
    let headers = new Headers({
        'Content-Type': 'application/json'
    });

    return this.http.post('api/todos', JSON.stringify(todo), { headers }) …

如何使SVG形状轮廓更厚/更薄.我正在尝试实现该stroke-width属性,但它被SVG忽略了.

<svg xmlns="http://www.w3.org/2000/svg" width="475.07" height="475.07" viewBox="0 0 475.075 475.075" fill="#FFF">
<path stroke-width="10" d="M475.07 186.57c0-7.04-5.32-11.42-16-13.13l-143.3-20.84-64.24-129.9c-3.62-7.8-8.28-11.7-14-11.7-5.7 0-10.36 3.9-13.98 11.7L159.3 152.6 16 173.44c-10.67 1.7-16 6.1-16 13.13 0 4 2.38 8.57 7.14 13.7l103.92 101.08L86.5 444.1c-.37 2.66-.56 4.57-.56 5.7 0 4 1 7.38 3 10.14 2 2.77 5 4.15 9 4.15 3.42 0 7.22-1.15 11.4-3.44l128.2-67.38 128.2 67.38c4 2.28 7.8 3.43 11.4 3.43 7.82 0 11.72-4.76 11.72-14.28 0-2.48-.1-4.38-.3-5.72l-24.54-142.74L467.66 200.3c4.94-4.97 7.4-9.54 7.4-13.73zM324.63 288.5l20.55 120.2-107.63-56.82L129.6 408.7l20.86-120.2-87.37-84.8L183.57 186l53.95-109.06L291.5 186 412 203.7l-87.38 84.8z"/>
</svg>

的jsfiddle

我正在创建一个 If...Else 语句，并且需要检查元素是否具有innerHTML / textContent。像这样：

  if (<span class="event"> *yet has some text inside*) {do smth}
  else {do smth else};

那么，我该如何使用 Javascript 来做到这一点呢？请帮忙！

更新！我有动态变化的内容，并且

 element.innerHTML

我在 <span> 中放入一些文本后似乎不起作用。我的意思是它仍然认为 <span> 是空的。有什么办法可以治愈吗？

我试图做一个简单的"scrollTo元素"功能.

控制台显示我的错误: 语法错误,不能识别的表达式:a [^ HREF =#]为一个[HREF ^ =#]代码

根据关于这个问题的回复,我将哈希符号包装成双引号,但现在控制台为此显示了意外的标记ILLEGAL.

请解释我做错了什么以及如何解决它.

这是我的代码:

$(document).on('click', 'a[href^=#]', function () {
        $('html, body').animate({ scrollTop:  $('section[data-target="'+this.hash.slice(1)+'"]').offset().top }, 1000 ); 
        return false;
    });

menu {
  background-color: #1abc9c;
  height: 50px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}


menu ul li {
  display: inline-block;
  padding: 0 15px;
}

menu ul li a {
  color: #333;
  text-decoration: none;
}


section {
  height: 300px;
  padding: 60px 0 0 …

我有一个 JSON 对象，其中我将产品价格（数字）作为值。

我想要的是将价格值转换为现有对象中的字符串

我使用地图功能：

var prods = [
  {
    "id": "id-1",
    "price": 239000,
    "info": "info-1"
  },

  {
    "id": "id-2",
    "price": 90770,
    "info": "info-2"
  },

  {
    "id": "id-3",
    "price": 200787868,
    "info": "info-3"
  },
];


prods.map(function(a) {
         a.price.toString()
        .replace(/(\d)(?=(\d{3})+(\D|$))/g, '$1 ');
})

我希望map函数更新我的prods对象，但它保持不变。

(Un)working JS Bin

我想知道，如何将初始对象更新为我需要的对象？

我想知道是否有一种方法可以渲染Angular 2中* ngFor创建的元素？

我使用基于flex属性的Bootstrap 4网格系统。我在Angular2应用中获得了以下代码：

<div class="outlet container">
<div class="row itemsBlock">
   <div *ngFor="let item of items" class="itemRender">
        <img class="itemImage" src="{{item.image}}" />
        <span class=itemitle">{{item.title}}</span>
   </div>
</div>

我想要的是使我的物品以响应方式呈现，例如

在大中型显示器上，行中3个div

小排上2个div

X-小显示屏上的行中1格

我需要检查并删除元素的特定类.我需要它只使用Javascript完成,我设法找到的主要是JQuery或非工作变体给我.

这是我的代码:

 <ul>
   <li class = "tab"><a href="#">One</a></li>
   <li class = "tab"><a href="#">Two</a></li>
   <li class = "tab active"><a href="#">Three</a></li>
   <li class = "tab"><a href="#">Four</a></li>
 </ul>


 var NumThree = document.querySelector("li.tab active")

 function removeActiveClass(){
     if(NumThree !== null) {
         NumThree.classList.remove("active")
     }
 }

和FIDDLE

我的代码不会删除该类.所以我要求100%的Javascript帮助!

我需要以类似的格式显示价格

7
70 
700
700 000
70 000
700 000
7 000 000 etc

问题是我从 json 文件收到价格，所以它总是一个字符串。

我想要的是通过 RegEx 将该价格字符串转换为所需的格式。

1. 我们反转价格 7000000 = 0000007
2. 我们在倒排字符串中的第三个字符后放置一个空格 000 000 7
3. 然后我们再次反转字符串并获得正常的价格格式 7 000 000

json数据是否可能，也许有更正确的方法？没有找到任何工作示例。