Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 模板中的Angular2调用方法_Html_Angular_Dynamic - Fatal编程技术网

Html 模板中的Angular2调用方法

Html 模板中的Angular2调用方法,html,angular,dynamic,Html,Angular,Dynamic,如何在模板中调用服务的方法来创建动态表或其他应该是动态HTML的东西?我尝试使用带有{{anyservice.getDynamicTable(param)}}的双卷括号,但这不起作用。正确执行此操作的方法是什么?可以使用绑定事件在模板中调用组件中定义的函数 <button (click)="methodName()">Label</button> <select (change)="methodName()"></select> 正如您所看到的,

如何在模板中调用服务的方法来创建动态表或其他应该是动态HTML的东西?我尝试使用带有
{{anyservice.getDynamicTable(param)}}
的双卷括号,但这不起作用。正确执行此操作的方法是什么?

可以使用绑定事件在模板中调用组件中定义的函数

<button (click)="methodName()">Label</button>
<select (change)="methodName()"></select>

正如您所看到的,您可以传递数字、字符串、布尔值甚至整个对象。

可以使用绑定事件在模板中调用组件中定义的函数

<button (click)="methodName()">Label</button>
<select (change)="methodName()"></select>

如您所见,您可以传递数字、字符串、布尔值,甚至是整个对象。

您应该准备好要在控制器中显示的数据

那意味着你应该

  • 从控制器呼叫服务
  • 创建数据表
  • 把它放在一个局部变量中,然后
  • 从模板中引用此变量
  • 比如说

    dynamicTable: any;
    
    ngOnInit() {
        this.dynamicTable = this.anyservice.getDynamicTable();
    }
    
    还是和param

    createDynamicTable(param) {
       this.dynamicTable = this.anyservice.getDynamicTable(param);
    }
    

    您应该准备要在控制器中显示的数据

    那意味着你应该

  • 从控制器呼叫服务
  • 创建数据表
  • 把它放在一个局部变量中,然后
  • 从模板中引用此变量
  • 比如说

    dynamicTable: any;
    
    ngOnInit() {
        this.dynamicTable = this.anyservice.getDynamicTable();
    }
    
    还是和param

    createDynamicTable(param) {
       this.dynamicTable = this.anyservice.getDynamicTable(param);
    }
    

    这是我已经用于用户交互的内容,但现在我只需要在应用程序启动时生成一次动态表,我不知道如何生成。@moessi774如果您使用此内部组件或属性定义为公共,则可以访问包含此方法的内部组件。其他参数,如
    id
    s或
    index
    es,可以在没有卷曲的情况下通过braces@moessi774我加了更多details@moessi774如果您需要不同的方法而不是传递参数,则需要使用ngIf条件和不同的元素谢谢您的回答。问题是直接在模板中生成表对我来说似乎很复杂。我宁愿在外部函数中执行此操作,并在以后的迭代中对此进行更改,因为我不确定如何准确地执行此操作。这是我已经用于用户交互的功能,但现在我只需要在应用程序启动时生成一次动态表,我不知道如何生成。@moessi774如果您使用此内部组件或属性定义为公共的,则可以访问包含此方法的组件内部。其他参数,如
    id
    s或
    index
    es,可以在没有卷曲的情况下通过braces@moessi774我加了更多details@moessi774如果您需要不同的方法而不是传递参数,则需要使用ngIf条件和不同的元素谢谢您的回答。问题是直接在模板中生成表对我来说似乎很复杂。我宁愿在一个外部函数中完成它,并在以后的迭代中对此进行更改,因为我真的不确定如何准确地完成它。什么是动态表?什么是动态表?是否有一种解决方案可以专门完成它?因为如果我在onInit中生成它,我可能没有数据,或者如果我加载了新数据,我将不得不调用该函数。我刚刚意识到,我可以在onComplete中调用它,从我接收到的观察值。这解决了我的问题。非常感谢。有没有一个解决办法可以让你只是故意这么做?因为如果我在onInit中生成它,我可能没有数据,或者如果我加载了新数据,我将不得不调用该函数。我刚刚意识到,我可以在onComplete中调用它,从我接收到的观察值。这解决了我的问题。非常感谢你。