Question

如何从视图中设置Angular 2 app的初始状态？

我有一个必须通过初始状态的控制器将视图抛出到angular 2组件。

Answer 1

目前，您无法通过属性将数据传递到根级别组件，但是您可以在组件外部定义全局变量并在组件中引用它。这可能不太理想，但也许也不是太糟糕。

jquery就是一个例子。在下面的示例中，从我的组件引用了全局jquery变量。您可以使用自己的全局变量执行相同的操作。您可以使用服务器端呈现在页面呈现时动态创建全局变量。

import {Component, ElementRef, Inject, OnInit} from 'angular2/core';

    declare var jQuery:any;

    @Component({
        selector: 'jquery-integration',
        templateUrl: './components/jquery-integration/jquery-integration.html'
    })

    export class JqueryIntegration implements OnInit {
        elementRef: ElementRef;

        constructor(@Inject(ElementRef) elementRef: ElementRef) {
            this.elementRef = elementRef;
        }

        ngOnInit() {
            jQuery(this.elementRef.nativeElement).find('.moving-box').draggable({containment:'#draggable-parent'});
        }
    }

Answer 2

为什么不通过在ngOnInit（）中调用WebApi端点来保持应用程序的初始状态？这样你的应用程序就依赖于标准的HTTP响应，而不是一块MVC基础架构......

Angular 2.如何从Asp.net MVC View

2 个答案: