如果我们仅在app.component.ts文件中使用上述方法,这是不够的,因此它是根组件？在这个根组件希望平台准备好所有其他后续组件之后没有？那么为什么我们还需要使用ready方法来处理每个其他子组件呢？因为如果有任何原生插件,我已经看过很多文章和视频.希望这不是不需要的吗？

在这个官方文档中你可以看到它在子组件内部使用了吗？你的意见？ platform.ready().then(() => {})

我们来看看离子侧面菜单启动器模板https://github.com/ionic-team/ionic2-starter-sidemenu/blob/master/src/app/app.component.ts.

正如您在第15行的app.component.ts中所看到的,rootPage已设置并将尽快加载.在构造函数this.initializeApp();电话

this.platform.ready().then(() => {
  // Okay,so the platform is ready and our plugins are available.
  // Here you can do any higher level native things you might need.
  this.statusBar.styleDefault();
  this.splashScreen.hide();
});

与javascript中的每个承诺一样,您无法分辨它何时结算.正如您在代码中看到的那样,ionic-app并没有“等待”平台准备就绪.只有statusBar.styleDefault()和splashScreen.hide()调用才会等待该承诺.

假设需要很长时间来解决承诺,例如5秒.

如果您的主页中有任何离子本机代码,您在app.component.ts或任何其他页面中使用的任何提供程序(因为用户可能已经在该时间内浏览应用程序),离线本机调用将失败,因为平台尚未准备好.

举个例子：

constructor(public platform: Platform,public statusBar: StatusBar,public splashScreen: SplashScreen,private: qrScanner: QrScanner) {
      this.initializeApp();

      this.qrScanner.scan(); // Let's assume this is a provider we made to start a QR scanner. It will try to load the scanner immediately,regardless of the state of the platform.ready() promise. So if the platform is not ready,it will crash.

      // used for an example of ngFor and navigation
      this.pages = [
        { title: 'Home',component: HomePage },{ title: 'List',component: ListPage }
      ];

  }

这意味着理论上,在使用本机插件确保平台可用时,应始终使用this.platform.ready().在实践中,它实际上取决于具体情况,因为通常平台准备得非常快,如果您不使用它,您将不会注意到任何差异.但如果你想确定,你应该到处使用它.

<span editable-select="item.text" e-ng-options="p.id as p.name for p in products" e-form="rowform" 
          onbeforesave="checkName($data)" e-required e-name="name" 
          e-onChange="scopeFunction($data)">
      {{ showProductName(item.text) || 'Enter Name of a product' }}
    </span>

是否可以在e-onChange中访问控制器的$scope？

如果我输入e-onChange =“scopeFunction(data)”,则会抛出错误“ReferenceError：scopeFunction not defined”

我想要的是在选择一个新值后能够改变另一个字段的值.

<span editable-select="item.text" 
    e-ng-options="p.id as p.name for p in products" e-form="rowform" 
    onbeforesave="checkName($data)" e-required e-name="name" 
    e-ng-change="scopeFunction($data)">
        {{ showProductName(item.text) || 'Enter Name of a product' }}
</span>