小编con*_*sed的帖子

如何在模型中定义嵌套对象?(angular2 /打字稿)

我正在玩Angular2,并希望有人可以提供一些如何实现这一目标的建议;

例如,如果我的模型目前对于员工来说是这样的:

export class Employee {
    constructor(
        public firstName: string,
        public lastName: string,
        public email: string,
        public days: string,
        public hours: string, 
    ){}
}
Run Code Online (Sandbox Code Playgroud)

我希望将天/小时放入他们自己的物体中,怎么可能实现呢?

(比如..)

public availability: {
        public days: string,
        public hours: string
},
Run Code Online (Sandbox Code Playgroud)

然后http get请求保持不变如下所示?

getEmployees() {
      return this.http.get('...')
             .map((response: Response) => {
                 const data = response.json().obj;
                 let objs: any[] = [];

                 for(let i = 0; i < data.length; i++) {
                     let employee = new Employee(
                     data[i].firstName,
                     data[i].lastName, 
                     data[i].email, 
                     data[i].availability.days,
                     data[i].availability.hours
                     );

                     objs.push(employee)
                 }
                 return objs
             }) …
Run Code Online (Sandbox Code Playgroud)

typescript angular2-http angular

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

使用angular2*ngFor填充表格?

我正在尝试使用从get请求中检索到的信息填充bootstrap样式表.

我得到的信息很好,但它没有以所需的方式输出.

这是我的代码;

查看组件

<div class="col-md-12">
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Name</th>
            </tr>
        </thead>
        <tbody>
            <view-employee-list [employee]="employee" *ngFor="let employee of employees" ></view-employee-list>
        </tbody>
    </table>
</div>
Run Code Online (Sandbox Code Playgroud)

view-employee-list组件

<tr>
     <td>{{employee.name}}</td>
</tr>
Run Code Online (Sandbox Code Playgroud)

但是它没有输出所需的结果,这里是dom树的图像;

DOM

并且对于我想要复制的那种表格;

w3schools引导表

我认为模板语法将被忽略,dom会将模板容器中包含的内容解释为"根"级别,但事实并非如此.

我不确定如何解决问题,并希望有人可以提供一些建议?

typescript angular

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

建议客户端路由与服务器端路由一起提供角度通用

我刚刚开始使用Angular Universal和全新的'isomorphic'javascript.

关于如何使用逻辑路由系统,我有点困惑,你是否打算建立角度通用作为典型的节点rest api?或者它是否只是意味着立即提供客户端代码,并从外部源/ rest api检索数据?

至于采用角度通用入门套件,例如它从这些路线开始;

app.get('/', ngApp);
app.get('/about', ngApp);
app.get('/about/*', ngApp);
app.get('/home', ngApp);
app.get('/home/*', ngApp);
Run Code Online (Sandbox Code Playgroud)

然后逻辑上包括一个节点/ express/mongo api与此一起获取/发布数据?即;

const bearRoutes = require('./routes/bear')
app.use('/', bearRoutes)
Run Code Online (Sandbox Code Playgroud)

如果是,那么您是否会使用散列策略来区分URL?

使用通用外部api的angular2应用程序提供数据与将所有内容托管在一起之间是否会有明显的性能差异?

谢谢你的建议!

isomorphic-javascript angular2-routing angular-universal angular

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