当前位置: 首页 > 编程笔记 >

Angular 2 组件是带有模板的指令

公良天逸
2023-03-14
本文向大家介绍Angular 2 组件是带有模板的指令,包括了Angular 2 组件是带有模板的指令的使用技巧和注意事项,需要的朋友参考一下

示例

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  template: `
    <h1>Angular 2 App</h1>
    <p>Component is directive with template</p>
  `
})
export class AppComponent {
}
           

 类似资料:
  • 哪里需要从同级组件访问元素,但不需要从父 Cmp 访问元素。 例: 需要组件 B 的 templateA 中的 iframe 元素来隐藏 或删除该元素。 index.html ComponentA.html @组件 @组件

  • 我的angular 2组件有以下模板,但它抛出了一个模板解析错误。 这是错误消息-我的

  • 如果这个例子比较复杂,我很抱歉,但我希望它能帮助人们更好地理解现代C++用法。所以我想让这段代码工作起来。它应该为单积分型和变分型产生特殊的lambdas,以便在硬静态转换为单积分型或软变分转换为普通型时计算项的顺序。我添加了注释,这些注释描述了我在这段代码中真正尝试做的事情。

  • 由于重载解析不明确,此代码示例无法编译 仔细阅读过载解决规则可以清楚地看出它失败的原因。这里没有问题。 如果我们将其正式转换为模板版本 它将继续“按预期”行事,并以同样性质的模糊性失败。到现在为止,一直都还不错。 然而,下面的版本编译没有任何问题,并选择第二个重载 如果我们注释掉第二个重载,第一个重载将被成功地用于推断为,即模板参数推断在第一个版本中按预期工作,有效地使其等效于

  • wx:if 预期: any 用法: 根据表达式的值的 truthiness 来有条件地渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。 注意:如果元素是 <block/>, 注意它并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。 WARNING 当和 wx:if 一起使用时,wx:for 的优先级比 wx:if 更高。详见列表渲染教程 参考: 条件渲染 -

  • 我有一个NgSwitch模板。在NgSwitch中,我想获取初始化模板的模板引用。大致如下: 当单击组件中的按钮时,我想调用初始化组件(第一个/第二个/第三个)到一个方法(在所有这些 3 个组件实现的接口上定义)。问题是视图子项未定义。如果我#ref移动到容器 div,如下所示: ViewChild(模板引用)已初始化,但我可以调用组件的方法。 如何同时使用NgSwitch指令和模板引用变量?或者