1

Onsen UIベースのアプリ ( Monacaで実行) を取得してデータを入力するのに苦労してきましたが<ons-list-item>、適切な魔法の構文が見つからないようです。

「Sliding Menu」のサンプル テンプレートから始めましたが、メニュー項目を選択すると特定のページに移動するなど、問題なく動作します。

お知らせ.html

<ons-navigator var="myNavigator">
  <ons-page>
    <ons-toolbar>
      <div class="left">
        <ons-toolbar-button ng-click="app.slidingMenu.toggleMenu()"><ons-icon icon="bars"></ons-icon></ons-toolbar-button>
      </div>
      <div class="center">Announcements</div>
    </ons-toolbar>
    <ons-list>
      <ons-list-item modifier="chevron" ng-repeat="item in items">{{item.title}} ({{item.description}})</ons-list-item>
    </ons-list>
  </ons-page>
</ons-navigator>

ng-repeat属性値を変更するitems in [1,2,3,4,5]と、リストに 5 つの項目が表示されます。

私が苦労しているのは、itemsデータを外部で定義することです。属性をどこに配置してもng-controller="AnnouncementController"(ons-list-item またはその親のいずれか)、認識または実行できないようです。

ons アプリで を設定する多くの例.controller()と、目的のコントローラーに一致する名前を持つバニラ関数 (以下のような) を見てきました。

function AnnouncementController($scope, $http){
  $scope.items = [
    {
      title: 'Item 1',
      description: 'Item 1 Description'
    },
    {
      title: 'Item 2',
      description: 'Item 2 Description'
    },
    {
      title: 'Item 3',
      description: 'Item 3 Description'
    }
  ];
}

しかし、私はどの組み合わせも機能させることができません。コントローラーを使用する必要がある場合、または単に「init/ready」関数を呼び出す必要がある場合は問題ありません。現在、機能するものは何でも取得したいだけです。

「魔法の」バインディングをどこで行うことができるか、どこで行うべきかを誰かが明らかにすることはできますか?

4

1 に答える 1