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」関数を呼び出す必要がある場合は問題ありません。現在、機能するものは何でも取得したいだけです。
「魔法の」バインディングをどこで行うことができるか、どこで行うべきかを誰かが明らかにすることはできますか?