Onsen ui2 如果我使用ng应用程序指令,Onsen选项卡应用程序将抛出错误

Onsen ui2 如果我使用ng应用程序指令,Onsen选项卡应用程序将抛出错误,onsen-ui2,Onsen Ui2,当我在body标记上使用ng app='myApp'指令时,它抛出“元素[0]。setTabbarVisibility不是一个函数”错误 如果我不包括ng应用程序,它可以正常工作 为什么会这样 var module=ons.bootstrap('myApp',['onsen']); module.controller('MainController',function($scope){ console.log("Main controller"); }); <body ng-app=

当我在body标记上使用ng app='myApp'指令时,它抛出“元素[0]。setTabbarVisibility不是一个函数”错误

如果我不包括ng应用程序,它可以正常工作

为什么会这样

var module=ons.bootstrap('myApp',['onsen']);
module.controller('MainController',function($scope){
console.log("Main controller");
});


<body  ng-app="FirstProject" ng-controller="MainController">
<ons-tabbar>
  <ons-tab label="tab1" page="tab1.html" active>
  </ons-tab>
  <ons-tab label="tab2" page="tab2.html">
  </ons-tab>
</ons-tabbar>

<ons-template id="tab1.html">
  <ons-page>
    <p style="text-align: center;">
      This is the first page.
    </p>
  </ons-page>
</ons-template>


<ons-template id="tab2.html">
  <ons-page>
    <p style="text-align: center;">
      This is the second page.
    </p>
  </ons-page>
</ons-template>


</body>
var module=ons.bootstrap('myApp',['onsen']);
模块控制器('MainController',功能($scope){
控制台日志(“主控制器”);
});

这是第一页。

这是第二页。


尝试在body标记之后编写javascript代码,这对我来说很有用

<body  ng-app="FirstProject" ng-controller="MainController">
<ons-tabbar>
<ons-tab label="tab1" page="tab1.html" active>
</ons-tab>
<ons-tab label="tab2" page="tab2.html">
</ons-tab>
</ons-tabbar>

<ons-template id="tab1.html">
 <ons-page>
  <p style="text-align: center;">
  This is the first page.
  </p>
 </ons-page>
</ons-template>


<ons-template id="tab2.html">
 <ons-page>
  <p style="text-align: center;">
  This is the second page.
  </p>
 </ons-page>
 </ons-template>
 </body>
 <script>
  var module=ons.bootstrap('myApp',['onsen']);
  module.controller('MainController',function($scope){
  console.log("Main controller");
  });
 </script>

这是第一页。

这是第二页。

var module=ons.bootstrap('myApp',['onsen']); 模块控制器('MainController',功能($scope){ 控制台日志(“主控制器”); });