小编Bro*_*cco的帖子

因此,angular2将支持多个渲染引擎(HTML,本机通过NativeScript和React Native),这个开发故事是什么样的？

有动态模板切换吗？或者应该通过子类别来处理？

// TypeScript ahead

// Base component implementation
class FooComponent {
  public name: string = 'my name';
  public makeFormal () {
    this.name = this.name.toUpperCase();
  }
}

// HTML Component
@Component({
  selector: '<foo></foo>'
  template: `
    <div>{{name}}</div>
    <button (click)="makeFormal()">Make Formal</button>
  `
})
class FooHtmlComponent extends FooComponent {
  constructor(){
    super();
  }
}

// Native Component
@Component({
  selector: '<foo></foo>'
  template: '... [native stuffs here] ...'
})
class FooHtmlComponent extends FooComponent {
  constructor(){
    super();
  }
}

我正在尝试配置项目的构建结构,并希望通过webpack完成所有这些.我的项目包括TypeScript(对于这个问题不重要),原始CSS,HTML模板(角度)和index.html

该项目目前的结构是:

- app
-- components
--- foo
---- foo.html
---- foo.css
---- foo-ctrl.ts
---- foo-directive.ts
--- bar
---- bar.html
---- bar.css
---- bar-ctrl.ts
---- bar-directive.ts
-- index.html
-- site.css
- dist
- package.json
- webpack.config.js

期望的输出将是(在dist下)

- js
-- bundle.js // or some other name
- views
-- foo.html // or foo/foo.html
-- bar.html // or bar/bar.html
- styles
-- foo.css // or foo/foo.css
-- bar.css // or bar/bar.css
-- sites.css
- index.html

我试过使用raw-loader并file-loader无效移动html文件.

我很高兴webpack如何捆绑ts/js文件,但无法弄清楚如何移动静态文件(html/css).以下是我到目前为止的情况. …

我只是想知道如何在新的angularjs 2.0中创建http请求以及如何将此服务挂钩到控制器.

谢谢.

仅供参考：使用 angular2 (2.0.0-alpha.45) 和 TypeScript (1.6.2)

尝试创建一个简单的服务来注入到组件中。

我收到的错误：

无法解析 {ComponentName}(?) 的所有参数。确保它们都有有效的类型或注释。

引导：

bootstrap(App, [ROUTER_PROVIDERS, HTTP_PROVIDERS]);

服务（my-service.ts）：

import {Injectable} from 'angular2/angular2';
@Injectable()
export class MyService {
  public doSomething() {}
}

消费组件：

import {Component} from 'angular2/angular2';
import {MyService} from './my-service';
export class ListManager{
  constructor(private myService: MyService){
    console.log('myService', myService);
  }
}

我尝试过的事情

• 在服务中：
  • 标记/取消标记服务@Injectable
• 在引导中：
  • 添加/删除MyService到提供商的引导列表中
• 在组件中
  • 将服务指定为提供者@Component({providers: [MyService]})
  • 将服务指定为绑定@Component({bindings: [MyService]})