• <bdo id='M3anj'></bdo><ul id='M3anj'></ul>
      <tfoot id='M3anj'></tfoot>

        <small id='M3anj'></small><noframes id='M3anj'>

        <legend id='M3anj'><style id='M3anj'><dir id='M3anj'><q id='M3anj'></q></dir></style></legend>

      1. <i id='M3anj'><tr id='M3anj'><dt id='M3anj'><q id='M3anj'><span id='M3anj'><b id='M3anj'><form id='M3anj'><ins id='M3anj'></ins><ul id='M3anj'></ul><sub id='M3anj'></sub></form><legend id='M3anj'></legend><bdo id='M3anj'><pre id='M3anj'><center id='M3anj'></center></pre></bdo></b><th id='M3anj'></th></span></q></dt></tr></i><div id='M3anj'><tfoot id='M3anj'></tfoot><dl id='M3anj'><fieldset id='M3anj'></fieldset></dl></div>

      2. 在 Ionic 2 中,如何创建使用 Ionic 组件的自定义指

        时间:2023-09-09
          <legend id='WDXTb'><style id='WDXTb'><dir id='WDXTb'><q id='WDXTb'></q></dir></style></legend>
          • <bdo id='WDXTb'></bdo><ul id='WDXTb'></ul>

                1. <tfoot id='WDXTb'></tfoot>

                  <i id='WDXTb'><tr id='WDXTb'><dt id='WDXTb'><q id='WDXTb'><span id='WDXTb'><b id='WDXTb'><form id='WDXTb'><ins id='WDXTb'></ins><ul id='WDXTb'></ul><sub id='WDXTb'></sub></form><legend id='WDXTb'></legend><bdo id='WDXTb'><pre id='WDXTb'><center id='WDXTb'></center></pre></bdo></b><th id='WDXTb'></th></span></q></dt></tr></i><div id='WDXTb'><tfoot id='WDXTb'></tfoot><dl id='WDXTb'><fieldset id='WDXTb'></fieldset></dl></div>
                    <tbody id='WDXTb'></tbody>

                  <small id='WDXTb'></small><noframes id='WDXTb'>

                  本文介绍了在 Ionic 2 中,如何创建使用 Ionic 组件的自定义指令?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

                  问题描述

                  创建一个基本指令很简单:

                  Creating a basic directive is simple:

                  import {Component} from 'angular2/core';
                  
                  @Component({
                      selector: 'my-component',
                      template: '<div>Hello!</div>'
                  })
                  export class MyComponent {
                      constructor() {
                  
                      }
                  }
                  

                  这按预期工作.但是,如果我想在我的指令中使用 Ionic 组件,事情就会爆炸.

                  This works as expected. However, if I want to use Ionic components in my directive things blow up.

                  import {Component} from 'angular2/core';
                  
                  @Component({
                      selector: 'my-component',
                      template: '<ion-list><ion-item>I am an item</ion-item></ion-list>'
                  })
                  export class MyComponent {
                      constructor() {
                  
                      }
                  }
                  

                  指令已渲染,但 Ionic 组件未转换,因此无法正常查看/工作.

                  The directive is rendered, but Ionic components are not transformed, and so wont look/work properly.

                  我找不到这方面的任何例子.我该怎么做?

                  I can't find any examples on this. How should I do this?

                  推荐答案

                  找到答案 这里:

                  您必须导入 Ionic 组件并将它们注册为'指令'

                  You have to import the Ionic components and register them as 'directives'

                  所以我的第二个例子变成了:

                  So my second example becomes:

                  import {Component} from 'angular2/core';
                  import {List, Item} from 'ionic/ionic';
                  
                  @Component({
                      selector: 'my-component',
                      directives: [List, Item],
                      template: '<ion-list><ion-item>I am an item</ion-item></ion-list>'
                  })
                  export class MyComponent {
                      constructor() {
                  
                      }
                  }
                  

                  这篇关于在 Ionic 2 中,如何创建使用 Ionic 组件的自定义指令?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持html5模板网!

                  上一篇:将 ViewChild 用于动态元素 - Angular 2 &amp;离子2 下一篇:Angular 2:在本地 .json 文件中找不到文件

                  相关文章

                  最新文章

                  <i id='CXdYz'><tr id='CXdYz'><dt id='CXdYz'><q id='CXdYz'><span id='CXdYz'><b id='CXdYz'><form id='CXdYz'><ins id='CXdYz'></ins><ul id='CXdYz'></ul><sub id='CXdYz'></sub></form><legend id='CXdYz'></legend><bdo id='CXdYz'><pre id='CXdYz'><center id='CXdYz'></center></pre></bdo></b><th id='CXdYz'></th></span></q></dt></tr></i><div id='CXdYz'><tfoot id='CXdYz'></tfoot><dl id='CXdYz'><fieldset id='CXdYz'></fieldset></dl></div>

                  <small id='CXdYz'></small><noframes id='CXdYz'>

                  • <bdo id='CXdYz'></bdo><ul id='CXdYz'></ul>
                2. <legend id='CXdYz'><style id='CXdYz'><dir id='CXdYz'><q id='CXdYz'></q></dir></style></legend>
                    <tfoot id='CXdYz'></tfoot>