有没有办法在Angular 2或更高版本的html上显示组件名称?

时间:2018-01-05 10:29:50

标签: angular angular-components

这个组件......

String CREATE_CONTACTS_TABLE = "CREATE TABLE " + TABLE_CONTACTS + "(" + KEY_ID + " integer primary key autoincrement, " + KEY_NAME + " text not null unique " +")";

public void addContact(Contact contact) {
   SQLiteDatabase db = this.getWritableDatabase();
   ContentValues values = new ContentValues();
   values.put(KEY_NAME, contact.getName());
   db.insert(TABLE_CONTACTS, null, values);
   db.close();
}

...在html模板内......

<my-component>
   <p>Hello !</p>
</my-component>

...会在客户端呈现这样的内容:

<div class="myClass">
   <my-component></mycomponent>
</div>

是否有一些如何不显示组件html标签,但显示组件内部内容?有点像...

<div class="myClass">
   <my-component>
     <p>Hello !</b>
  </mycomponent>
</div>

1 个答案:

答案 0 :(得分:1)

由于你有一个选择器,你可以尝试

<div class="myClass">
   <div my-component></div>
</div> 

否则,根据this page

  

Angular 2中不支持替换其主机元素的指令(替换:Angular 1中的true指令)。在许多情况下,这些指令可以升级到常规组件指令。