Javascript 在ONSEN页面中启用Angular JS

我刚刚开始玩弄Onsen UI和Angular JS

我正在通过ons按钮访问surth.html、text/ons模板，但是绑定的ng模型itemName没有被正确解释

我肯定我在连接Angular和OnsenUI时遗漏了一些东西。有关于我在这里遗漏什么的提示吗

index.html

<ons-list-item modifier="tappable">
<ons-button modifier="large--quiet" onclick="myNavigator.pushPage('dessert.html', { animation : 'slide' } )">Dessert</ons-button>
</ons-list-item>

<script type="text/ons-template" id="dessert.html">
<ons-page>
<ons-toolbar>
<div class="center">Dessert</div>
</ons-toolbar>
<ons-list-item class="assgn-list" ng-controller="itemNameCtrl" ng-model="itemName">
{{itemName}}
</ons-list-item>
</ons-page>
</script>

我用你的代码库做了一个测试，它正在工作。试试看。为了方便起见，我加了一个后退按钮

<script type="text/ons-template" id="dessert.html">
  <ons-page>
    <ons-toolbar><div class="center">Dessert</div></ons-toolbar>
      <ons-list-item class="assgn-list" ng-controller="itemNameCtrl"> 
        {{itemName}} 
        <input type='text' ng-model='itemName' />
      </ons-list-item>
     <ons-button modifier="large--quiet" onclick="myNavigator.popPage()">Back</ons-button>
  </ons-page>
</script> 

甜点
{{itemName}}
返回

---

我注意到的一件奇怪的事情是，如果从模板（sarth.html）中删除

，插值就不起作用。老实说，我不知道这是为什么。我开发的

ons页面

没有

ons按钮

，从未出现过这个问题。希望这有帮助。

当您说“未正确解释”时，您的意思是仍然显示“{itemName}}”而不是插值？我在任何地方都没有看到

ng app=“myApp”

行。你启动了你的应用程序吗？确切地说，{{itemName}}仍在显示。ng app=“myApp”位于html部分，但我也尝试在ons列表项标记中声明它，但没有成功？Re:bootstrap，我应该在某个地方调用ons.bootstrap（）吗？非常感谢，我在我的项目中复制了相同的代码，它可以与ons按钮配合使用。没有它，它就失败了。我想当页面从导航器推到堆栈上时，我必须更深入地了解作用域和角度发生了什么。我的兴趣达到顶峰，我将在这里报告任何发现。祝你好运

<script type="text/ons-template" id="dessert.html">
  <ons-page>
    <ons-toolbar><div class="center">Dessert</div></ons-toolbar>
      <ons-list-item class="assgn-list" ng-controller="itemNameCtrl"> 
        {{itemName}} 
        <input type='text' ng-model='itemName' />
      </ons-list-item>
     <ons-button modifier="large--quiet" onclick="myNavigator.popPage()">Back</ons-button>
  </ons-page>
</script>